Closed Bug 1519520 Opened 7 years ago Closed 7 years ago

Incorrect focus order when custom element containing focusable is placed in another custom element's slot

Categories

(Core :: DOM: Core & HTML, defect)

Product:
Core
Component:
DOM: Core & HTML
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 1512043

People

(Reporter: dave.batiste, Unassigned)

Details

When a custom element contains a focusable element in it's shadow-dom, and that element is distributed to a slot of another component, the focus order is incorrect and it is not possible to focus (via keyboard) on some elements. Focusable elements are skipped when tabbing. Observed at least in FF 64.0.2 on Windows 10.

Steps to reproduce:

https://codepen.io/anon/pen/PXxzdo

  1. go to the code pen with example with Firefox
  2. try tabbing through the elements
  3. observe that 2nd and 3rd custom buttons are skipped when tabbing

Moving the custom button elements outside of the custom container element results in the expected focus order.

Bug 1512043 fixed this in 66.

Component: Untriaged → DOM
Product: Firefox → Core
Status: UNCONFIRMED → RESOLVED
Closed: 7 years ago
Resolution: --- → DUPLICATE

Awesome! Thanks. Sorry I did not see the original.

Component: DOM → DOM: Core & HTML
You need to log in before you can comment on or make changes to this bug.