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: Add button of repeatable components is missing a focus outline and focus handling #15174

Merged
merged 8 commits into from Dec 19, 2022
Merged

fix: Add button of repeatable components is missing a focus outline and focus handling #15174

merged 8 commits into from Dec 19, 2022

Conversation

gitstart
Copy link
Contributor

@gitstart gitstart commented Dec 14, 2022

What does it do?

Adds outline on Add button of repeatable components once focused.

Why is it needed?

The overflow: hidden in AccordionFooter hides the outline, removing it allows the outline ring to show when focused.

How to test it?

  1. Create a content-type with a repeatable component
  2. Tab to "Add an entry"
  3. Notice that the button has a focus outline

Demo

Screen.Recording.2022-12-16.at.3.06.45.PM.mov

Related Issue

#15109

@codecov
Copy link

codecov bot commented Dec 14, 2022

Codecov Report

Base: 60.22% // Head: 60.22% // No change to project coverage 👍

Coverage data is based on head (d47593b) compared to base (685e0b1).
Patch has no changes to coverable lines.

Additional details and impacted files
@@           Coverage Diff           @@
##             main   #15174   +/-   ##
=======================================
  Coverage   60.22%   60.22%           
=======================================
  Files        1355     1355           
  Lines       33048    33048           
  Branches     6324     6324           
=======================================
  Hits        19903    19903           
  Misses      11297    11297           
  Partials     1848     1848           
Flag Coverage Δ
back 50.37% <ø> (ø)
front 64.66% <ø> (ø)
unit_back 50.37% <ø> (ø)
unit_front 64.66% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files Coverage Δ
.../RepeatableComponent/AccordionGroupCustom/index.js 31.57% <ø> (ø)

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

@gitstart gitstart marked this pull request as ready for review December 14, 2022 07:15
@gitstart
Copy link
Contributor Author

gitstart commented Dec 14, 2022

Hi @gu-stav, @ronronscelestes could you please take a look at solution in this PR.

@ronronscelestes ronronscelestes self-assigned this Dec 14, 2022
@gitstart gitstart marked this pull request as draft December 14, 2022 15:08
@gitstart gitstart marked this pull request as ready for review December 14, 2022 16:12
@gitstart gitstart requested review from joshuaellis and removed request for ronronscelestes December 14, 2022 16:19
@joshuaellis joshuaellis self-assigned this Dec 14, 2022
@joshuaellis joshuaellis added source: core:content-manager Source is core/content-manager package pr: fix This PR is fixing a bug labels Dec 14, 2022
@joshuaellis joshuaellis added this to the 4.5.5 milestone Dec 19, 2022
@joshuaellis joshuaellis merged commit 3b57648 into strapi:main Dec 19, 2022
@gitstart
Copy link
Contributor Author

This PR was pushed through Gitstart, with contributions from @oxenprogrammer, @raph941, @phunguyenmurcul.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
pr: fix This PR is fixing a bug source: core:content-manager Source is core/content-manager package
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants