geist-org / geist-ui

A design system for building modern websites and applications.

https://geist-ui.dev

MIT License

4.33k stars 334 forks source link

Position: Sticky does not work with CSS Baseline (NextJS) #485 #487

Closed PR91 closed 3 years ago

PR91 commented 3 years ago

Bug report 🐞

Sorry for resubmitting the issue but I was not able to re-open the original one. Thank you for the quick response, but it did not help.

Version & Environment

Version of browser 89.0.4389.90
Version of geist-ui/react2.1.3 (NextJS)

Expection

The div container should stop scrolling with the page. This time I made a video: https://streamable.com/pd0wgk

Actual results (or Errors)

The div container continues scrolling with the page ignoring the sticky directive on the CSS.

Removing CssBaseline component from _app solves the issue, but breaks the framework styling.

Please advise.

unix commented 3 years ago

I created an example and it looks fine, can you provide a reproducible online example?