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

Double clicking tab adds child element and blue box-shadow #391

Open
crevulus opened this issue May 5, 2021 · 1 comment
Open

Double clicking tab adds child element and blue box-shadow #391

crevulus opened this issue May 5, 2021 · 1 comment

Comments

@crevulus
Copy link

crevulus commented May 5, 2021

Similar issue here (but the solution didn't work for me): #300

To reproduce:

  1. Add tabs
  2. Click tab once to focus, and once again

Video showing the effect: https://www.loom.com/share/39ceae408e0b4ae0aa2709fd589d9f6b

My layout changes and gets expanded to the right because of the shadow effect being added.

@howardwu1
Copy link

Hey @crevulus

That linked issue is blocked unfortunately so I can't add the solution but the fix for me was

.react-tabs__tab:focus:after { display:none; }

Hope that helps! I came across this issue last year but I never fixed it then so I'm glad this time around I figured it out.

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

No branches or pull requests

2 participants