search

timc1 / kbar

fast, portable, and extensible cmd+k interface for your site
https://kbar.vercel.app
MIT License
4.84k stars 185 forks source link

Section and Action elements overlap #197

Closed OmkarK45 closed 2 years ago

OmkarK45 commented 2 years ago

Alright I'm not really sure if it is a CSS Issue or tailwindCSS issue, but when I scroll in KBar window, the topmost section text gets overlapped image image

Live : https://omkarkulkarni.vercel.app/ Reproduction Repo : https://github.com/OmkarK45/omkarkulkarni.dev/tree/main/components/KBar

Any help would be appreciated!

AkashRajpurohit commented 2 years ago

Hi @OmkarK45 seems like you are also facing the issue similar to what's mentioned here (#208), can you verify if this issue does not occur on local development builds?

OmkarK45 commented 2 years ago

Hi @OmkarK45 seems like you are also facing the issue similar to what's mentioned here (#208), can you verify if this issue does not occur on local development builds?

Yes can confirm this happens in local as well as production mode. I believe it is due to the useMemo hook that memoizes the ancestors. I do not have enough time to debug this right now. If you find a solution, please ping!

AkashRajpurohit commented 2 years ago

https://github.com/timc1/kbar/issues/208#issuecomment-1114199680

OmkarK45 commented 2 years ago

@AkashRajpurohit did you find any solution? I do not have preact in my build pipeline

AkashRajpurohit commented 2 years ago

I think you do, check your next.config.js

OmkarK45 commented 2 years ago

I think you do, check your next.config.js

oh yeah you are right! So the solution is to disable preact right?

AkashRajpurohit commented 2 years ago

Yes, I've disabled it for now till there is a fix for it with preact.

stale[bot] commented 2 years ago

Hey! This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.