Phenomenon
When multiple contenteditable regions have tabindex attributes, the tab order may not follow the tabindex values correctly in Edge. The focus order may be inconsistent or incorrect.
Reproduction example
- Create multiple contenteditable divs with different
tabindexvalues:<div contenteditable tabindex="3">Third</div> <div contenteditable tabindex="1">First</div> <div contenteditable tabindex="2">Second</div> - Use Tab key to navigate.
- Observe the focus order.
Observed behavior
- In Edge on Windows,
tabindexmay not control focus order correctly. - The focus may skip elements or follow an unexpected order.
- Keyboard navigation is inconsistent.
Expected behavior
tabindexshould control focus order as specified.- Elements should be focused in the order of their
tabindexvalues. - Keyboard navigation should be predictable and accessible.