Double clicking tab adds child element and blue box-shadow

[crevulus]

Similar issue here (but the solution didn't work for me): https://github.com/reactjs/react-tabs/issues/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]

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.