Skip to content

Extra padding added on top once an input is focused on iOS (1.20+) #1406

@kirillzyusko

Description

@kirillzyusko

Describe the bug

Issue
Extra padding added on top once an input is focused on iOS.
Still perfect for Android (CinnamonBun) on my end (it worked on Android in both 1.21.0 and 1.21.1 as well).

Workaround
Add automaticallyAdjustContentInsets={false} prop to the scroll view fix it.

Code snippet

This is the workaround I made in my codebase:

        <KeyboardAwareScrollView
          showsVerticalScrollIndicator={false}
          keyboardShouldPersistTaps="handled"
          bottomOffset={someOffset}
          // To fix extra padding introduced by KeyboardAwareScrollView
          // Reference issue: https://github.com/kirillzyusko/react-native-keyboard-controller/issues/1394#issuecomment-4116417401
          automaticallyAdjustContentInsets={false}
        >

Screenshots

Unfortunately, I can't upload any screenshot/recordings here due to mt company policy. 🙏

Expected behavior

There should be no padding on top added.

Smartphone (please complete the following information):

  • Device: iPhone 16
  • OS: iOS 26.1
  • RN version: 0.79.7
  • RN architecture: old
  • JS engine: Hermes
  • Library version: 1.20.7 / 1.21.2

Additional context
Issue branched from #1394 (comment).

Metadata

Metadata

Assignees

Labels

KeyboardAwareScrollView 📜Anything related to KeyboardAwareScrollView component🐛 bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions