Verbesserung
Wichtig
Detail
Fehlerbehebung
Wichtig
Detail
Zeigt der Nutzer den Tooltip einer Spalte an und beginnt anschließend die Operation zur Umordnung von Tabellenspalten per Drag&Drop, wird der Tooltip nicht mehr abgeräumt.
Durch das Starten der Operation zur Umordnung von Tabellenspalten wird ein Tabellen-Overlay erzeugt. Das besitzt die gleiche Darstellung wie die Tabelle selbst, ist aber im Gegensatz zur Tabelle nicht zeilenbasiert sondern spaltenbasiert. Insbesondere wird der Inhalt der orginalen Tabellenzellen in das Overlay kopiert, also auch das Datenattribut tooltip.
Am document ist ein EventListener auf das mouseover-Event registriert, der für das target-Element, also das Element über das gehovert wird, prüft, ob für dieses Element das Datenattribut tooltip existiert. Ist das der Fall, wird ein Tooltip erstellt und platziert.
Nachdem das Tabellen-Overlay erzeugt ist, wird die gedraggte Spalte platziert. Insbesondere befindet sich der Cursor an der linken oberen Ecke der gedraggten Spalte d. h. im Allgemeinen im Bereich des Spaltenheaders, der einen Tooltip besitzt. Dadurch wird ein neuer Tooltip erzeugt. Beim Umordnen der Spalten sollte der Nutzer jedoch keine weiteren Tooltips sehen.
Umsetzung
Für das Overlay wird ein EventListener auf das mouseover-Event registriert, der die Propagation des Events in Richtung DOM-Wurzelknoten verhindert. Nachdem die Spalten neu geordnet wurden, wird dieser entfernt.
Test
Cursor über das Spaltenlabel navigieren, sodass ein Tooltip angezeigt wird. Anschließend "klicken" um Spalten zu ordnen. Es darf kein Tooltip dargestellt werden.