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

Multiple React CTooltips make page height grow temporarily and produce flickering [CoreUI React Pro]

Open Sonic1305 opened this issue 2 months ago • 2 comments

The issue can be reproduced by just going fast from left to right over multiple buttons that have a tooltip and are close too each other. If you have only one button, everything works fine but multiple tooltips cause problems. I did not include any detailed project information as the issue can even be seen in the official documentation.

See https://coreui.io/react/docs/components/tooltip/ and go to image Just go fast from left to right on the buttons there and you can see the scrollbar flicker, as the page height changes. This issue is even more visible on applications without a vertical scrollbar.

This issue is either present since 5.0 or only in the pro version, as we used the 4.X free version before and did not have the issue. I did test multiple browsers, firefox worked best but only because the scrollbar is very thin and does not shrink the page when it appears. Still, the issue is present.

I am happy to provide more information if you need them, as this issue makes tooltips almost unusable on applications without a vertical scrollbar.

Sonic1305 avatar Jun 17 '24 12:06 Sonic1305