Skip to content

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

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

Add ScrollView example in KeyboardAvoidingViewExample (#58432)#58432
jasozh wants to merge 3 commits into
react:mainfrom
jasozh:export-D119204439

Conversation

@jasozh

@jasozh jasozh commented Sep 9, 2026

Copy link
Copy Markdown

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.

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]

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]

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
@meta-codesync meta-codesync Bot changed the title Add ScrollView example in KeyboardAvoidingViewExample Add ScrollView example in KeyboardAvoidingViewExample (#58432) Sep 10, 2026
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. meta-exported p: Facebook Partner: Facebook Partner

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant