helix-ui icon indicating copy to clipboard operation
helix-ui copied to clipboard

Tooltips Bug in IE11 and Edge, tabIndex property

Open catsiller opened this issue 7 years ago • 3 comments

Describe the Bug

Tooltips gained some functionality to automatically update their control element to make it keyboard accessible. However, due to a bug with IE and Edge 12-17, the tabIndex property reports the incorrect value for elements without an explicit tabindex. (Microsoft Issue #4365703) This seems to have been corrected in Edge 18 (slowly rolling out across Windows 10 machines), but has not been corrected in IE11. Need to look into options for IE11 compatibility. If in doubt, manually add a tabindex="0" to the control element.

Steps to Reproduce

Steps to reproduce the behavior:

  1. Go to 'IE11/Edge(12-17)'
  2. Click on tabIndex in the inspect element
  3. See how tabIndex starts at '0' but should start at tabindex="1"

Expected behavior

For tabIndex to begin with tabindex="1"

Environment

Please complete the following information:

  • Browser: [IE11 and Edge 12-17]

Additional Context

Add any other context about the problem here.

catsiller avatar Nov 20 '18 00:11 catsiller

additional context:

In v0.15.0-rc.0, <hx-tooltip> added functionality in an attempt to automatically update its control element to make it keyboard accessible. However, due to a bug with IE and Edge 12-17, the tabIndex property reports the incorrect value for elements without an explicit tabindex. (Microsoft Issue #4365703)

  • This seems to have been corrected in Edge 18 (slowly rolling out across Windows 10 machines)
  • This has not been corrected in IE11.

CITguy avatar Nov 20 '18 00:11 CITguy

I can confirm that Edge 18 has fixed the bug.

CITguy avatar Jan 08 '19 00:01 CITguy

Nothing can be done to fix IE, but we should update documentation to make consumers aware of the issue.

CITguy avatar Dec 16 '19 18:12 CITguy