the "Try it online" feature: minor accessibility issues

[Futyn-Maker]

First of all, thanks for this feature! It's really cool, as I've received a possibility to quickly experiment with different braille codes.

It looks like there're some accessibility issues, at least on Windows and NVDA (both Chrome and Firefox browsers have been tested). When in "table" selection list (combobox) and pressing up and down keys, the cursor jumps to the text input field. In other words, it's impossible to learn the list of tables in a normal way: after option is changed I need to press Shift+Tab to move back to the list, select another option, again press Shift+Tab to move back, etc.

Although users have the way to workaround it by switching NVDA to the brows mode and then pressing Enter to the list, it's really not obveously and isn't a normal use of case.

I'm quite bad in JS, moreover, you seem to have difficult focusing and scrolling rules, but I asume it's because of onChange listeners: when pressing arrow keys in the NVDA's edit mode, onchange event is coming immediately (the option is changed without any confirmation).

[Futyn-Maker]

Yes, I've bit played with Developers Tools and remove "change" listener on selectElement at all, the focus stopped jumping. Of course, that's not a solution as it in fact disables a possibility to change tables, but I think something simply should be done with focusing (I didn't manage to do this through the Developer Console).