Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blank space beneath KeyboardToolbar after switching from emoji to text keyboard #622

Open
RobertPetricevic opened this issue Oct 9, 2024 · 3 comments
Assignees
Labels
🍎 iOS iOS specific KeyboardToolbar Anything related to KeyboardToolbar component

Comments

@RobertPetricevic
Copy link

Describe the bug
On clicking input field, keyboard and keyboard toolbar is working fine. If I switch to emoji keyboard and then come back, there is blank space between keyboard and toolbar.

Code snippet

import React from 'react';
import { TextInput } from 'react-native';
import {
  KeyboardAwareScrollView,
  KeyboardToolbar,
} from 'react-native-keyboard-controller';

const Test = () => {
  return (
    <>
      <KeyboardAwareScrollView>
        <TextInput
          style={{
            height: 40,
            marginTop: 300,
            marginBottom: 50,
            borderColor: 'gray',
            borderWidth: 1,
          }}
        />
        <TextInput
          style={{
            height: 40,
            marginBottom: 50,
            borderColor: 'gray',
            borderWidth: 1,
          }}
        />
      </KeyboardAwareScrollView>
      <KeyboardToolbar />
    </>
  );
};

export default Test;

Smartphone (please complete the following information):

Device:

  • simulator iPhone 15 Pro Max- iOS 17.5
  • device iPhone Xs - iOS 18.0

Libraries:

  • "expo": "^51.0.32"
  • "react-native": "0.74.5"
  • "react-native-keyboard-controller": "^1.13.3"
@kirillzyusko kirillzyusko added 🍎 iOS iOS specific KeyboardToolbar Anything related to KeyboardToolbar component labels Oct 9, 2024
@kirillzyusko
Copy link
Owner

Simulator.Screen.Recording.-.iPhone.15.Pro.-.2024-10-09.at.13.49.39.mp4

@RobertPetricevic I just tested and it works fine. Would you mind to elaborate a little bit more on:

  • which device you are using (is it real or not)? As I can understand the problem is reproducible on simulator as well?
  • is it reproducible in debug build?
  • can you attach a video showing a problem?
  • can you provide a reproduction example?
  • can you verify whether the problem is reproducible on latest 1.14.0 release?

@RobertPetricevic
Copy link
Author

@kirillzyusko, sorry I erased half of my content and video when I was pasting the code.

  1. Yes is it reproducible on mentioned devices, physical iPhone xs and simulator iPhone 15
  2. This video is recorded in development, but the same is on production
  3. Here is the video
    https://github.com/user-attachments/assets/5c35d0b7-1eec-4112-ae02-33944adf16af
  4. I cant provide repro now, but I will as soon as I get home
  5. problem is reproducible on latest release

@kirillzyusko
Copy link
Owner

Thank you @RobertPetricevic 🙌

The video definitely looks strange. I can recommend you to try to 1.12.x version or even 1.11.x, but I think all of them will have the same problem 🤷‍♂️

Curious to see repo configuration and try to reproduce it on my end!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🍎 iOS iOS specific KeyboardToolbar Anything related to KeyboardToolbar component
Projects
None yet
Development

No branches or pull requests

2 participants