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

Accordion's animate removes the outline #38496

Open
Wilsonruan opened this issue Oct 14, 2022 · 0 comments
Open

Accordion's animate removes the outline #38496

Wilsonruan opened this issue Oct 14, 2022 · 0 comments

Comments

@Wilsonruan
Copy link

Description

.focusOutline:focus-visible {
outline: 3px solid green;
outline-offset:5px;
z-index:99;
}
I have added Outline:focus-visible and animate to the accordion. During the animation/transition the outline outside of the accordion disappears.

https://codepen.io/wilson-ruan/pen/yLjwyNO

Reproduction Steps

Keyboard tab into the header and hit enter.

Relevant Logs

.focusOutline:focus-visible {
      outline: 3px solid green; 
      outline-offset:5px;
      z-index:99;
}

Browser(s) Affected

No response

OS(s) Affected

No response

Device(s) Affected

No response

AMP Version Affected

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants