akveo / react-native-ui-kitten

:boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
https://akveo.github.io/react-native-ui-kitten/
MIT License
10.19k stars 952 forks source link

Input breaks inside a Scrollview #1803

Open alexander0205 opened 4 months ago

alexander0205 commented 4 months ago

🐛 Bug Report

When using the Input component from UI Kitten, the text within the input field is being cut off. This issue occurs without any custom styling applied to the Input component. The issue is observed on an Android device with a screen resolution of 1080x1920.

To Reproduce

Steps to reproduce the behavior:

  1. Create a new Input component with a size prop set to 'large' and a defaultValue.
  2. Wrap the Input in a ScrollView without any styles.
  3. Run the app on an Android device with a screen resolution of 1080x1920.
  4. Observe that the text within the Input is cut off.

Expected behavior

The text within the Input component should be fully visible and not cut off, regardless of the length of the default value or the input size, and should be properly displayed across different screen resolutions, including 1080x1920.

Link to runnable example or repository (highly encouraged)

Runnable Example on Snack

UI Kitten and Eva version

Package Version
@eva-design/eva 2.2.0
@ui-kitten/components 5.3.1

Environment information

# Paste your environment info here
System:
    OS: macOS 14.2.1
    CPU: (12) arm64 Apple M2 Max
  Binaries:
    Node: 18.17.1 - ~/.nvm/versions/node/v18.17.1/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 9.6.7 - ~/.nvm/versions/node/v18.17.1/bin/npm
    Watchman: 2023.12.04.00 - /opt/homebrew/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: DriverKit 23.2, iOS 17.2, macOS 14.2, tvOS 17.2, visionOS 1.0, watchOS 10.2
  IDEs:
    Android Studio: 2022.3 AI-223.8836.35.2231.10811636
    Xcode: 15.2/15C500b - /usr/bin/xcodebuild
  npmPackages:
    react: 18.1.0 => 18.1.0 
    react-native: 0.70.6 => 0.70.6 

Screenshot 2024-02-07 at 6 48 16 PM