reactjs / react-tabs

An accessible and easy tab component for ReactJS.

Home Page:https://reactcommunity.org/react-tabs/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Double clicking tab adds child element and blue box-shadow

crevulus opened this issue · comments

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.

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.