Fixing Custom Bottom Bars for Mobile Chrome Compatibility

·

Super random question: Anyone have custom-built bottom bars that don’t play nicely with mobile Chrome? Bottom-fixed bar floats up on downward scroll when the tabs bar recedes. Anybody solve this before?

🫥1

2 comments

Rajan
·
Try to give 100 svh to the parent container and keep it relative & to the bottom bar, give the position sticky or absolute and bottom 0. You can do a dedicated parent child combo for this and put it after your body. So.. Body ~ Tab Container : Relative, 100SVH ~~~ Tab Component : Absolute, Bottom 0
Samir T.
·
Yes, make sure to use 100% SVH or DVH rather than VH