[Question] Is this the default behaviour? Clicking a dropdown menu items triggers flash on sidebar scroll indicator

[freshtechs]

When i click the elipsis button (in a separate component) the sidebar scroll indicator flash and shows as active

[abhinav-anshul]

As far as I can tell, this is somehow adding height to your sidebar component and is not a shadcn/ui specific problem.

[freshtechs]

@abhinav-anshul do you know a workarround? other than eliminating the heigth property?

[abhinav-anshul]

I need to see some bare minimum code. Do you have a codesandbox?

[Sparticuz]

It actually happens on shadcn's site. https://ui.shadcn.com/docs/components/dropdown-menu

Click any of the dropdowns and the scroll bar will disappear. Perhaps because the dropdown is just appended to body and not put in the specific place in the dom where the button is?

Seems to be an upstream issue: https://www.radix-ui.com/docs/primitives/components/dropdown-menu

Try this, working for me: https://github.com/radix-ui/primitives/issues/1272#issuecomment-1136899602

[FelipeJz]

It is an upstream issue, had the same experience with radix-ui, @Sparticuz suggestion works for that.

[SanderCokart]

Radix-UI uses react-remove-scrollbars as a dependency with 0 ways to disable it. There must have been a reason to do it this way but yes it is extremely jarring to the eye

[shadcn]

This issue has been automatically closed because it received no activity for a while. If you think it was closed by accident, please leave a comment. Thank you.