Drop-down Lists Solution 1
Demo 2: Custom Scripting
Problem: In the Internet Explorer 11 (IE 11) or Edge browsers, if a user expands the drop-down list, arrows to make their selection and presses Tab then their focus will move to the next visible content BEFORE the dynamic content has a chance to be shown. This problem does NOT occur in Firefox or Chrome.
- Track the Tab keypress.
- Check whether the dynamically generated “dependent” content was made visible in the UI
- Once the content is visible, set focus to the next focusable element in the dynamic content.