ally.fix.pointerFocusChildren Example

There are two focusable div elements in this document, each containing two span element children layed out using FlexBox. The first div element exhibits the undesired behavior upon click, the second div element is covered by ally.fix.pointerFocusChildren.

Natural Browser Behavior

one two

Fixed Behavior

one two