fix(use-sticky): inconsistent fallback target

[Dashice]

Previously, element used to determine stickiness was the document.body. This worked on sites whose body was styled in an opinionated manner. This has been replaced with a representation of Viewport instead, meaning the dimensions of your browser window over arbitrary body dimensions, which can overflow / underflow the Viewport.

[changeset-bot]

🦋 Changeset detected

Latest commit: 728d858

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@noaignite/react-utils	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
docs	Ready	Preview, Comment	Mar 21, 2026 5:36pm

[codecov]

Codecov Report

❌ Patch coverage is 66.66667% with 1 line in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
packages/react-utils/src/useSticky.ts	66.66%	0 Missing and 1 partial ⚠️

@@            Coverage Diff             @@
##             main     #553      +/-   ##
==========================================
+ Coverage   69.23%   74.32%   +5.09%     
==========================================
  Files          64       64              
  Lines        1001     1001              
  Branches      247      247              
==========================================
+ Hits          693      744      +51     
+ Misses        248      194      -54     
- Partials       60       63       +3     

Files with missing lines	Coverage Δ
packages/react-utils/src/useSticky.ts	90.90% <66.66%> (+90.90%)	⬆️

... and 1 file with indirect coverage changes

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[maeertin]

LGTM

[Copilot]

Pull Request Overview

This PR fixes an inconsistency in the useSticky hook by replacing the fallback from document.body to viewport dimensions when no container is provided. This ensures consistent behavior regardless of how the document body is styled.

• Replaces document.body fallback with viewport-based dimensions using window.innerHeight and window.innerWidth
• Removes the parent element validation check since the parent can now be null
• Updates the logic to handle cases where no container is provided by using a synthetic viewport rectangle

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
packages/react-utils/src/useSticky.ts	Updates sticky positioning logic to use viewport dimensions as fallback instead of document.body
.changeset/rare-dancers-beam.md	Documents the change for release notes

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull request overview

Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.