Why it matters
overflow-x: hidden turns the element into a scroll container, so every sticky descendant sticks to it instead of the viewport — sticky headers and TOCs silently stop sticking.
How to fix it
Use overflow-x: clip (overflow-x-clip), which hides overflow without creating a scroll container.
Example
<body className="overflow-x-clip">References
More lint rules
void lint reports 67 rules in this category. Static source checks with no browser: Tailwind v4 silent failures, Next.js 16 API traps, React render-body bugs, accessibility markup, SEO files and motion hygiene.
scroll-timeline-no-fallbackBase rule hides an element; only an `@supports (animation-timeline: …)` block undoes itease-in-enter`ease-in` used for an entrance or hoverlong-ui-durationUI feedback transition longer than 500msno-reduced-motionAnimations present but no `prefers-reduced-motion` handling anywherevh-heroHero sized with `100vh` / `h-screen`will-change-static`will-change` applied statically to many elementsz-index-soupMany distinct z-index valueshardcoded-colorsHard-coded colors in components instead of tokens