Skip to content

Conversation

@1Copenut
Copy link
Contributor

@1Copenut 1Copenut commented Jan 25, 2022

Summary

Our EuiComboBox component had a nested SVG with a tabindex -1 passed into ...closeButtonProps that was causing axe to throw a violation. We removed the negative tabindex because the SVG is nested inside a standard button.

Closes #5545

Checklist

  • Check against all themes for compatibility in both light and dark modes
  • Checked in mobile
  • Checked in Chrome, Safari, Edge, and Firefox
  • Props have proper autodocs and playground toggles
  • Added documentation
  • Checked Code Sandbox works for any docs examples
  • Added or updated jest and cypress tests
  • Checked for breaking changes and labeled appropriately
  • Checked for accessibility including keyboard-only and screenreader modes
  • A changelog entry exists and is marked appropriately

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_5560/

@1Copenut 1Copenut marked this pull request as ready for review January 25, 2022 20:23
@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_5560/

@1Copenut 1Copenut requested a review from cee-chen January 27, 2022 15:02
Copy link
Contributor

@thompsongl thompsongl left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 Resolves the axe warning and the svg is still not focusable

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_5560/

Copy link
Contributor

@cee-chen cee-chen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_5560/

@1Copenut 1Copenut merged commit 0e0dddb into elastic:main Jan 27, 2022
@1Copenut 1Copenut deleted the feature/tpierce-eui-5545 branch January 27, 2022 18:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[EuiComboBox][COGNITION]: Focusable close buttons should not have a nested element with tabindex

5 participants