tanstack.com icon indicating copy to clipboard operation
tanstack.com copied to clipboard

docs: search loading causes layout shift

Open tryonelove opened this issue 1 year ago • 1 comments

Describe the bug

While orama search is loading, it shows a spinner. However, at some point, the search input becomes hidden, causing layout shift

Steps to reproduce

Open https://tanstack.com/query/latest/docs/framework/react/overview and look at the search

CPU slowdown can be enabled for more obvious results

Expected result

No layout shift

Video

https://github.com/user-attachments/assets/c8b6a820-7760-4672-9851-f660ea96323f

tryonelove avatar Oct 12 '24 10:10 tryonelove

Yes!! It pushes it enough that you end up clicking on the wrong docs button if you're even average mouse speed.

Please fix! Chuck a min height on the overarching container or something for the spinner and search input to sit in.

NathanBeddoeWebDev avatar Mar 03 '25 22:03 NathanBeddoeWebDev