Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG]: <Combobox /> - Open state ved klikk utenfor nettleservindu #2675

Open
HalvorHaugan opened this issue Jan 26, 2024 · 6 comments
Open

Comments

@HalvorHaugan
Copy link
Contributor

Tilbakemelding

  1. Åpne nedtrekkslisten
  2. Klikk utenfor nettleservinduet slik at listen lukkes
  3. Klikk på chrevron for å åpne listen igjen
    Feil: Listen åpnes og lukkes igjen umiddelbart.

combobox-clickoutside

@it-vegard
Copy link
Contributor

Denne ble også fikset i 6.6.0

@KenAJoh
Copy link
Collaborator

KenAJoh commented Apr 25, 2024

Får fortsatt samme feil når jeg tester på windows (fungerer helt fint på mac 😵 )

@HalvorHaugan
Copy link
Contributor Author

I Mac ser det ut som at listen ikke lukkes nå du klikker utenfor vinduet uansett. Kanskje det alltid har vært slik?

@KenAJoh
Copy link
Collaborator

KenAJoh commented Apr 26, 2024

Ser slik ut

  • Alle nettlesere "supspenderer" state når man klikker utenfor virker det som, slik at de "resetter" tilbake til siste kjente ui-state når de får fokus igjen.
  • Safari beholder dropdown åpen ved klikk utenfor vindu
  • Chrome og firefox lukker dropdown ved klikk utenfor, men åpner dropdown igjen når vinduet får fokus.

Antar det bare er noe event-cascade som brekker, f.eks onPointerDown som åpner før en onClick på select lukker

@KenAJoh KenAJoh reopened this Apr 26, 2024
@it-vegard
Copy link
Contributor

Eventet er på onPointerUp, så tror ikke det er problemet.

Ser ut som at hvis jeg (på Chrome på Windows) klikker på knappen, men ikke slipper (onPointerDown), så åpner nedtrekkslisten seg. Det ser ut til å være nettleseren som "resetter" staten, for det samme skjer om jeg trykker utenfor Combobox også, så lenge det er innenfor området nedtrekkslisten skal ta. Det kan føre til at jeg velger en verdi, om jeg slipper pekeren over et valg. Klikk utenfor området til Combobox i åpen tilstand vil ikke føre til at den åpner seg.

Når jeg slipper (onPointerUp) med pekeren over knappen, så lukker den seg. Det er vel egentlig som forventet, gitt denne oppførselen fra nettleseren? Har vanskelig for å se at vi skal kunne detektere at den nettopp er gjenåpnet av denne grunnen, og derfor skal ignorere klikk-eventet?

@HalvorHaugan
Copy link
Contributor Author

HalvorHaugan commented May 3, 2024

Forstår ikke alt det du skriver, men ser ut som årsaken er at relatedTarget blir null i onFocusInsideWrapper. Kjenner ikke detaljene i Combobox, men kan muligens argumentere for at det er en bug i Chrome.
Går det an å flytte onFocusInsideWrapper litt lenger inn, slik at knappen ikke inkluderes? (Holder det ikke egentlig å ha denne på input-feltet? 🤔 Er på tynn is her, siden jeg ikke kjenner detaljene.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants