Bug: Always Adding Scrollbar Margin about kbar HOT 7 OPEN

Can you add a screen cap or codesandbox to reproduce this issue?

from kbar.

Can you add a screen cap or codesandbox to reproduce this issue?

Sure, I tried in https://kbar.vercel.app/ website by removing HTML elements from Developer Tools. Here you can see the screen recording:

from kbar.

Can you use disableScrollbarManagement ? https://github.com/timc1/kbar/blob/main/src/types.ts#L55

from kbar.

Can you use disableScrollbarManagement ? https://github.com/timc1/kbar/blob/main/src/types.ts#L55

If I do and if we have overflowed content (iow scrollbar is visible), then layout shifts.

I'm switching to my laptop, i'll try again this option. If I am not mistaken, I tried this option and it shifted layout .

from kbar.

@timc1 yes, I remember correct. If I pass disableScrollbarManagement: true to KBarProvider as a option prop, then page content shifts where content overflows (iow scrollbar visible). It is like vice-versa, if I set disableScrollbarManagement true and scrollbar is visible, then layout shifts. Otherwise, page's layout's are shifting where pages do not have overflow content (without scrollbar).

from kbar.

Hi @timc1 do you also need reproducer for the disableScrollbarManagement: true behaviour? I am currently thinking why someone did not ever faced with that issue..

from kbar.