fix(ffe-searchable-dropdown-react): fixes isse in talkback

[pethel]

Screen reader issues på device

Beskrivelse

Team betalning oppdager att denne ikke funker på device(skjermleser) vilket jag bekreftar. Jag var tvungen att fjerne att den opnes på focus før att få det att funke. Fant ikke noen vei run det. Det er manuellt openMenu og closeMenu i blur og focus som ødelegger her.

I vart fall er dom endaste som vil merka en forskjell brukare som bruker tastatur og tabbar seg in i feltet, men og andra sidan har vi ju en pil expandera listan man lett kan trykke på.

edit: Det ser ut som vi kan beholde att den opnes på focus. Problemet ser ut att vare når den får en defaultverdi.

Jag tog også i bruk hooksen før mer kontrol over markupen.

edit2: Ser ut som også defaultverdier løst seg denne snutten så nu tror jag vi har samme funksjionalitet som før men att det virker på talkback med defaultverdier. Vi har forsatt muligens ett problem med Voiceover.

onFocus={e => {
   e.preventDefault();
   onFocus(e);
   if (!selectedItem) {
      openMenu();
   }
}}

Testing

Jag har testat selv på emulator og Talkback men skulle sett pris på hvis noen fler sjekkade ut branchen og gjorde detsamma. Nås på http://10.0.2.4:6060/#!/SearchableDropdown hvis du bruker emulator.

[coveralls]

Coverage increased (+0.03%) to 81.333% when pulling 46a5eed on develop_fix-ally-searchable-dropdown into 55a0a60 on develop.

[pethel]

Sedan har vi denne

downshift-js/downshift#1181

Vi opplever samme sak men det er ikke downshift. Samme problemer opplever vi her https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html og det skall ju vare fasit egentlig.

[pethel]

Denne funker ikke med voiceover