Skip to main content

Search and Top Navigation

#15111 closed bug (patcheswelcome)

Opened December 06, 2016 10:17PM UTC

Closed February 12, 2017 02:41PM UTC

Accessibility: Visual Focus Indicator is inconsistent on IE 11

Reported by: JasonAment Owned by:
Priority: minor Milestone: none
Component: ui.tabs Version: 1.12.1
Keywords: Cc:
Blocked by: Blocking:
Description

JSFiddle: https://jsfiddle.net/pastorjayrich/crvh9ava/

1. Only repros in IE9-11

2. Only repros for the “arrow” key (tabbing into and out of the control always resets focus indicator). It is expected behavior for an arrow key to lose focus as it is technically reading mode.

3. Hovering over an element that is missing focus indicator resets focus indicator.

4. Works as expected in Edge, Chrome and Firefox.

Expected: Browser provided visual focus indicator should be present when navigating tas with either the tab key or arrow keys.

Actual: Tabbing into and out of the "tabs" causes the VFI to appear. Also, on mouseover of an active tab, the VFI will suddenly reappear.

Attachments (0)
Change History (2)

Changed December 07, 2016 05:15AM UTC by scottgonzalez comment:1

component: ui.coreui.tabs
status: newopen
summary: Accessibility: Visual Focus Indicator is inconsistent on IE9-11Accessibility: Visual Focus Indicator is inconsistent on IE 11

Of those browsers, IE 11 is the only one we support. It works properly in Edge and there's likely not much we can do about this. I'm happy to accept patches for this, but I don't anticipate us putting much time into this. I'll ping the Edge team though and see if they know of any workarounds.

Changed February 12, 2017 02:41PM UTC by scottgonzalez comment:2

resolution: → patcheswelcome
status: openclosed

I haven't heard anything back from Microsoft about a possible fix.