Skip to content

Add ScrollView example in KeyboardAvoidingViewExample (#58432) - #58432

Closed
jasozh wants to merge 3 commits into
react:mainfrom
jasozh:export-D119204439
Closed

jasozh wants to merge 3 commits into
react:mainfrom
jasozh:export-D119204439

Conversation

@jasozh

@jasozh jasozh commented Sep 9, 2026 •

Copy link
Copy Markdown
Contributor

Summary:

Add a new RNTester example in KeyboardAvoidingView for using the component with a ScrollView. This reproduces the issue raised in #16826 where keyboard avoiding behavior fails for multi-line text fields in a ScrollView on iOS. As this is a common use case, the example acts as a reference to show intended behavior and prevent future regressions.

Changelog:
[Internal]

Differential Revision: D119204439

@meta-cla meta-cla Bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Sep 9, 2026
@facebook-github-tools facebook-github-tools Bot added p: Facebook Partner: Facebook Partner labels Sep 9, 2026
@meta-codesync

meta-codesync Bot commented Sep 9, 2026

Copy link
Copy Markdown

@jasozh has exported this pull request. If you are a Meta employee, you can view the originating Diff in D119204439.

@meta-codesync meta-codesync Bot changed the title Add ScrollView example in KeyboardAvoidingViewExample Add ScrollView example in KeyboardAvoidingViewExample (#58432) Sep 10, 2026
jasozh added a commit to jasozh/react-native that referenced this pull request Sep 10, 2026
Summary:

Add a new RNTester example in KeyboardAvoidingView for using the component with a ScrollView. This reproduces the issue raised in [react#16826](react#16826) where keyboard avoiding behavior fails for multi-line text fields in a ScrollView on iOS. As this is a common use case, the example acts as a reference to show intended behavior and prevent future regressions.

Changelog:
[Internal]

Differential Revision: D119204439
Summary:

In the RNTester KeyboardAvoidingView example, fix minor spacing issues and add descriptions for "Keyboard Avoiding View with enabled={false}" and "Keyboard Avoiding View with contentContainerStyle".

Changelog:
[Internal]

Reviewed By: vzaidman

Differential Revision: D119204437
Summary:

The RNTester KeyboardAvoidingView example had alignment issues with the close button on top of the example form. When KeyboardAvoidingView's behavior was toggled to "position", a small amount of right padding is added to the close button, making it appear non-flush with the right edge of the form. This impacted both the "Keyboard Avoiding View with different behaviors" screen and the "Keyboard Avoiding View with contentContainerStyle" screen.

Changelog:
[Internal]

Reviewed By: vzaidman

Differential Revision: D119204438
Summary:

Add a new RNTester example in KeyboardAvoidingView for using the component with a ScrollView. This reproduces the issue raised in [react#16826](react#16826) where keyboard avoiding behavior fails for multi-line text fields in a ScrollView on iOS. As this is a common use case, the example acts as a reference to show intended behavior and prevent future regressions.

Changelog:
[Internal]

Differential Revision: D119204439
jasozh added a commit to jasozh/react-native that referenced this pull request Sep 10, 2026
Summary:

Add a new RNTester example in KeyboardAvoidingView for using the component with a ScrollView. This reproduces the issue raised in [react#16826](react#16826) where keyboard avoiding behavior fails for multi-line text fields in a ScrollView on iOS. As this is a common use case, the example acts as a reference to show intended behavior and prevent future regressions.

Changelog:
[Internal]

Differential Revision: D119204439
@meta-codesync meta-codesync Bot closed this in df6ca86 Sep 15, 2026
@meta-codesync meta-codesync Bot added the Merged This PR has been merged. label Sep 15, 2026
@meta-codesync

meta-codesync Bot commented Sep 15, 2026

Copy link
Copy Markdown

This pull request has been merged in df6ca86.

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

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. Merged This PR has been merged. meta-exported p: Facebook Partner: Facebook Partner

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant