Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(module:Tooltip) Tabindex #2404

Merged
merged 1 commit into from
Apr 18, 2022
Merged

fix(module:Tooltip) Tabindex #2404

merged 1 commit into from
Apr 18, 2022

Conversation

bweissronin
Copy link
Contributor

Applies a tabindex to the wrapping div to help with focus driven from tabbing.

🤔 This is a ...

  • New feature
  • Bug fix
  • Site / documentation update
  • Demo update
  • Component style update
  • Bundle size optimization
  • Performance optimization
  • Refactoring
  • Code style optimization
  • Test Case
  • Branch merge
  • Other (about what?)

🔗 Related issue link

💡 Background and solution

The Tooltip does not allow keyboard-based users to access their content because it's not a tab-able element. Adding a tabindex to the div that's handling the events fixes this.

  1. Users cannot interact with the Tooltip placed on an element via Keyboard.
  2. N/A
  3. Apply a tabindex to the wrapping div that handles the event listeners.

📝 Changelog

Users will be able to tab to elements that leverage the Tooltip component.

Language Changelog
🇺🇸 English
🇨🇳 Chinese

☑️ Self Check before Merge

⚠️ Please check all items below before review. ⚠️

  • Doc is updated/provided or not needed
  • Demo is updated/provided or not needed
  • Changelog is provided or not needed

Applies a tabindex to the wrapping div to help with focus driven from tabbing.
@github-actions
Copy link

github-actions bot commented Apr 18, 2022

@codecov
Copy link

codecov bot commented Apr 18, 2022

Codecov Report

Merging #2404 (79c238e) into master (ac37d8c) will increase coverage by 1.94%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master    #2404      +/-   ##
==========================================
+ Coverage   27.81%   29.75%   +1.94%     
==========================================
  Files         496      519      +23     
  Lines       33146    25403    -7743     
  Branches        0      247     +247     
==========================================
- Hits         9218     7559    -1659     
+ Misses      23928    17804    -6124     
- Partials        0       40      +40     
Impacted Files Coverage Δ
components/tooltip/Tooltip.razor 30.76% <ø> (+6.76%) ⬆️
components/core/Helpers/MemberPath/PathNode.cs 46.15% <0.00%> (-8.85%) ⬇️
components/core/Reflection/TypeDefined.cs 77.77% <0.00%> (-7.94%) ⬇️
components/input/InputGroup.razor.cs 87.50% <0.00%> (-6.95%) ⬇️
...ponents/date-picker/types/DatePickerPlaceholder.cs 22.72% <0.00%> (-4.20%) ⬇️
...ponents/core/Component/Overlay/type/TriggerType.cs 81.25% <0.00%> (-2.97%) ⬇️
components/core/Helpers/DateHelper.cs 80.00% <0.00%> (-2.71%) ⬇️
...onents/date-picker/internal/DatePickerHeader.razor 43.90% <0.00%> (-2.48%) ⬇️
components/menu/SubMenu.razor 63.93% <0.00%> (-2.30%) ⬇️
components/timeline/Timeline.razor.cs 63.21% <0.00%> (-2.24%) ⬇️
... and 424 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update ac37d8c...79c238e. Read the comment docs.

Copy link
Member

@ElderJames ElderJames left a comment

Choose a reason for hiding this comment

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

Fantastic!

@ElderJames ElderJames merged commit cb77727 into ant-design-blazor:master Apr 18, 2022
ElderJames pushed a commit that referenced this pull request Apr 23, 2022
…ip with tab key (#2404)

Applies a tabindex to the wrapping div to help with focus driven from tabbing.
ElderJames pushed a commit that referenced this pull request Apr 30, 2022
…ip with tab key (#2404)

Applies a tabindex to the wrapping div to help with focus driven from tabbing.
ElderJames pushed a commit that referenced this pull request Sep 6, 2022
…ip with tab key (#2404)

Applies a tabindex to the wrapping div to help with focus driven from tabbing.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants