react-tabs icon indicating copy to clipboard operation
react-tabs copied to clipboard

Double clicking tab adds child element and blue box-shadow

Open crevulus opened this issue 4 years ago • 1 comments

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.

crevulus avatar May 05 '21 17:05 crevulus

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.

howardwu1 avatar May 08 '23 01:05 howardwu1