Skip to content

fix: adjust content inset behavior for macOS#2806

Merged
Saadnajmi merged 4 commits intomicrosoft:mainfrom
eadron:patch-1
Mar 25, 2026
Merged

fix: adjust content inset behavior for macOS#2806
Saadnajmi merged 4 commits intomicrosoft:mainfrom
eadron:patch-1

Conversation

@eadron
Copy link
Copy Markdown

@eadron eadron commented Jan 15, 2026

Fix content inset adjustments for macOS ScrollView.

Summary:

Test Plan:

Fix content inset adjustments for macOS ScrollView.
@eadron eadron requested a review from a team as a code owner January 15, 2026 19:05
@Saadnajmi
Copy link
Copy Markdown
Collaborator

Mind showing a before / after? Ive never been quite sure what this prop does on Mac so I'd appreciate :)

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Mar 23, 2026

⚠️ No Changeset found

Latest commit: da19380

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

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

@Saadnajmi Saadnajmi changed the title Adjust content inset behavior for macOS fix: adjust content inset behavior for macOS Mar 23, 2026
@Saadnajmi Saadnajmi merged commit 876a92c into microsoft:main Mar 25, 2026
16 checks passed
Saadnajmi added a commit to Saadnajmi/react-native-macos that referenced this pull request Mar 27, 2026
Fix content inset adjustments for macOS ScrollView.

<!-- Thanks for submitting a pull request! We appreciate you spending
the time to work on these changes. Please provide enough information so
that others can review your pull request. The four fields below are
mandatory. -->

<!-- This fork of react-native provides React Native for macOS for the
community. It also contains some changes that are required for usage
internal to Microsoft. We are working on reducing the diff between
Facebook's public version of react-native and our
microsoft/react-native-macos fork. Long term, we want this fork to only
contain macOS concerns and have the other iOS and Android concerns
contributed upstream.

If you are making a new change then one of the following should be done:
- Consider if it is possible to achieve the desired behavior without
making a change to microsoft/react-native-macos. Often a change can be
made in a layer above in facebook/react-native instead.
- Create a corresponding PR against
[facebook/react-native](https://github.com/facebook/react-native)
**Note:** Ideally you would wait for Facebook feedback before submitting
to Microsoft, since we want to ensure that this fork doesn't deviate
from upstream.
-->

## Summary:

<!-- Explain the **motivation** for making this change. What existing
problem does the pull request solve? -->

## Test Plan:

<!-- Demonstrate the code is solid. Example: The exact commands you ran
and their output, screenshots / videos if the pull request changes the
user interface. -->

---------

Co-authored-by: Saad Najmi <sanajmi@microsoft.com>
Saadnajmi added a commit that referenced this pull request Mar 28, 2026
…selection, CVEs) (#2876)

## Summary

Backport of 10 commits from `main` to `0.81-stable`:

- **fix(spm):** fix pre-existing macOS porting bugs (#2869)
- **fix(transforms):** enable transforms on new arch and fix hit testing
on both arches (#2866)
- **chore(deps-dev):** bump undici from 5.29.0 to 6.24.0 (#2871)
- **fix(fabric):** colors not respecting dark mode appearance, implement
platform color (#2867)
- **fix:** adjust content inset behavior for macOS (#2806)
- **fix:** reduce dependency CVE overrides and refresh vulnerable
transitive deps (#2874)
- **feat(fabric, text):** support native text selection when
selectable={true} (#2864)
- **fix:** macOS ScrollView resize and content inset behavior (#2732)
- **docs:** add backporting guide and automation (#2863)
- **fix(fabric, textinput):** support `enableFocusRing`

### Conflict resolutions

- `RCTUIView.h/m` → On 0.81-stable, `RCTUIView` lives in
`React/Base/RCTUIKit.h` and `React/Base/macOS/RCTUIKit.m` (the RCTUIKit
module refactor hasn't landed on 0.81). Transform changes were manually
applied to these files.
- `RCTUIKitCompat.h/m` → `NSColor (RCTAppearanceResolving)` category was
added to `RCTUIKit.h/m` instead.
- Lockfile conflicts resolved by accepting incoming CVE fixes.

## Test Plan

- Same as the original PRs
- Verify transforms render correctly on macOS (old + new arch)
- Verify dark mode color resolution works in Fabric
- Verify ScrollView resize and content inset behavior
- Verify text selection with selectable={true}
- Verify enableFocusRing on TextInput in Fabric

🤖 Generated with [Claude Code](https://claude.com/claude-code)

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: eadron <eadron@users.noreply.github.com>
Co-authored-by: Kyle Essenmacher <15271436+kessenma@users.noreply.github.com>
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.

2 participants