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(components): [table] add tabindex to tbody to fix #13991 #14020

Merged
merged 7 commits into from
Aug 30, 2023

Conversation

FrankFang
Copy link
Contributor

@FrankFang FrankFang commented Aug 21, 2023

Please make sure these boxes are checked before submitting your PR, thank you!

  • Make sure you follow contributing guide English | (中文 | Español | Français).
  • Make sure you are merging your commits to dev branch.
  • Add some descriptions and refer to relative issues for your PR.

Description

🤖 Generated by Copilot at 681e5ca

Fixed the unwanted outline of the table body when focused by setting tabIndex to -1 and removing the outline style. This improved the design and accessibility of the table component.

Related Issue

Fixes #13991.

Explanation of Changes

🤖 Generated by Copilot at 681e5ca

  • Remove outline from table body when focused (link, link)

@pull-request-triage
Copy link

👋 @FrankFang, seems like this is your first time contribution to element-plus.

  • Please make sure that you have read our guidelines and code of conduct before making a contribution.
  • You can comment with /label Components:[component_name] to add a label for which component you are working on.
  • You may join our Discord for staying tuned.

@pull-request-triage pull-request-triage bot added 1st contribution Their very first contribution Needs Review labels Aug 21, 2023
@github-actions
Copy link

Hello @FrankFang, thank you for contributing to element-plus, please see our guideline to see how to make contribution

@github-actions
Copy link

github-actions bot commented Aug 21, 2023

@github-actions github-actions bot added the CommitMessage::Qualified Qualified commit message label Aug 21, 2023
@github-actions
Copy link

github-actions bot commented Aug 21, 2023

🧪 Playground Preview: https://element-plus.run/?pr=14020
Please comment the example via this playground if needed.

@btea
Copy link
Collaborator

btea commented Aug 30, 2023

@FrankFang Thanks!

@btea btea merged commit 5f028f8 into element-plus:dev Aug 30, 2023
10 checks passed
@element-bot element-bot mentioned this pull request Sep 14, 2023
3 tasks
consultation-applio pushed a commit to consultation-applio/element-plus that referenced this pull request Nov 10, 2023
 (element-plus#14020)

* fix(components): [table] add tabindex to tbody to fix element-plus#13991

* remove :focus style

* fix: remove the focus outline

* fix: replace focus with focus-visible

* chore: add comments to explain why the tabIndex attr is needed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Component] [table] el-dialog prevents el-table from scrolling left and right via ← and →
4 participants