search

code-obos / grunnmuren

OBOS' design system
https://obos-grunnmuren.netlify.app
MIT License
6 stars 0 forks source link

Select skaper layout shift, og har rendering bug #891

Open nutgaard opened 1 month ago

nutgaard commented 1 month ago

Når en Select åpnes så legger den til overflow: hidden til html-taggen. Dette skaper en layout shift for i tilfeller hvor nettleseren ikke bruker floating-scrollbars. Og det er vel bortimot alle som ikke har mac.

Ser at det er gjort ett forsøk på motvirke dette ved å også legge til padding-right: 14px. Men dette ser ikke ut til å fungere optimalt.

Screencast from 2024-08-01 10-23-22.webm

Det ser også ut til å være noe krøll med borders, og den tegnes ikke opp riktig. F.eks i bilde så mangler border på toppen og høyre side image

oscarcarlstrom commented 1 month ago

Opprettet et issue på react-aria-components: https://github.com/adobe/react-spectrum/issues/6855. Skjønner ikke helt hvorfor de legger på overflow: hidden. Og det funker ikke sånn i ComboBox, som er veldig lik.

oscarcarlstrom commented 1 month ago

https://github.com/adobe/react-spectrum/issues/1216 er relatert til layoutshiften her