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 click in the tab create a ::after in the <li> element

gabs086 opened this issue · comments

Hi there. I have this weird issue upon double-clicking the tab itself, it creates an ::after effect in the tab that is selected. The links below are the examples.

1st click on the tab: https://pasteboard.co/eL6ugQ2h8FTE.png
2nd click on the tab (the issue): https://pasteboard.co/17XYkY0mFkpf.png

You can check also in the documentation page https://reactcommunity.org/react-tabs/ that it creates also the same issue of mine.

Any workaround that can remove that effect after double-clicking a selected tab?

Can you describe what the actual issue is with this is?

You can simply change this yourself by adjusting the CSS. The ::after element is created to hide some shadows if I'm not mistaken.

Also the dbl-click feature has been removed in version 4.