Beslutningslog version 10.2.0

[detfaellesdesignsystem]

Tooltips placeret i modaler eller andre elementer med CSS overflow-property

Den nye tooltipkomponent releaset i version 10 løste adskillige problemer, herunder forkert placering i HTML'en og problemer ved tastaturnavigation.

Samtidig blev der dog introduceret det problem, at tooltipteksten i visse tilfælde bliver "skåret af" og dermed ikke kan ses til fulde, når den placeres i et element med CSS overflow-property. Det gælder fx modaler og tabeller med scroll. Se evt. #225

Designsystemet tilbyder fra version 10.2.0 en attribut, som projekter kan benytte, hvis de er nødsaget til at placere tooltips i fx en modal. Teamet har undersøgt udfordringen grundigt og slået fast, at problemet ses bredt også i andre store designsystemer. Der er med andre ord ikke en konvention for, hvordan tooltips kan kodes, uden at problemet optræder. Derfor er tooltippet ikke som udgangspunkt blevet ændret.

Den alternative attribut løser problemet med tooltips placeret i fx modaler. Der er mindre uhensigtsmæssigheder ved løsningen, fx en forskydning af tooltippets placering ved ændring af skærmstørrelsen og ved scroll i visse browsere. Disse uhensigtsmæssigheder er dog minimale og ændrer ikke ved, at tooltippet optræder korrekt i HTML'en og kan anvendes med både tastaturstyring og skærmlæser.