Skip to content

fix(shared): use border box for element resize#2419

Open
apples-kksk wants to merge 2 commits into
pmndrs:nextfrom
apples-kksk:fix/use-resize-border-box
Open

fix(shared): use border box for element resize#2419
apples-kksk wants to merge 2 commits into
pmndrs:nextfrom
apples-kksk:fix/use-resize-border-box

Conversation

@apples-kksk
Copy link
Copy Markdown

@apples-kksk apples-kksk commented May 12, 2026

Requested\nFixes #2288\n\n## Implemented\n- Observe elements with { box: "border-box" } when supported.\n- Prefer ResizeObserverEntry.borderBoxSize for reported dimensions.\n- Preserve fallback behavior for older browsers by falling back to contentRect and to plain observe(target) when observe options are unsupported.\n- Map inlineSize/blockSize for vertical and sideways writing modes.\n- Added unit coverage for border-box sizing, vertical writing mode mapping, sideways writing mode mapping, contentRect fallback, unsupported observe options fallback, and non-TypeError observe failures.\n\n## Not covered\nNo changes to window resize handling.\n\n## Validated\n- git diff --check\n\nAttempted targeted validation with:\n- yarn jest packages/shared/src/dom-events/resize/resizeElement.test.ts --runInBand\n- yarn prettier --check packages/shared/src/dom-events/resize/resizeElement.ts packages/shared/src/dom-events/resize/resizeElement.test.ts\n\nBoth Yarn commands could not run in this checkout because the Yarn node_modules state file is missing and dependencies are not currently installed.

@vercel
Copy link
Copy Markdown

vercel Bot commented May 12, 2026

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

Project Deployment Actions Updated (UTC)
react-spring Ready Ready Preview May 12, 2026 4:42pm

Request Review

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented May 12, 2026

🦋 Changeset detected

Latest commit: ef91275

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

This PR includes changesets to release 11 packages
Name Type
@react-spring/shared Patch
@react-spring/animated Patch
@react-spring/core Patch
@react-spring/parallax Patch
@react-spring/rafz Patch
@react-spring/types Patch
@react-spring/konva Patch
@react-spring/native Patch
@react-spring/three Patch
@react-spring/web Patch
@react-spring/zdog 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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant