Skip to main content

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.

Solution: Use JavaScript to control focus in IE 11 and Edge:

  • 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.

Back to Top