geist-org / geist-ui

A design system for building modern websites and applications.
https://geist-ui.dev
MIT License
4.35k stars 335 forks source link

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

Closed PR91 closed 3 years ago

PR91 commented 3 years ago

Bug report 🐞

Version & Environment

Expection

The div container should stop scrolling with the page.

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

Add this styles will solve this issue:

#__next {
    overflow-x: unset;
}