yamankatby / react-native-material

Modular and customizable Material Design UI components for React Native
https://rn-material.js.org
MIT License
223 stars 38 forks source link

TextInput Label Overlap #32

Closed merklegroot closed 2 years ago

merklegroot commented 2 years ago

When a TextInput's value has been set before the user has changed it, the label does not shrink and the text overlaps. As soon as the user changes the value, the label shrinks as expected.

You can see the issue in the snack below. https://snack.expo.dev/Kf980pU2X

import React, { useState } from 'react';
import { TextInput } from '@react-native-material/core';

const App = () => {
  const [val, setVal] = useState('initial value');
  return (
    <TextInput label="Label" value={val} onChangeText={setVal} />
  );
};

export default App;;

image

yamankatby commented 2 years ago

Hi @merklegroot, Thank you for reporting this issue. Your description is very clear. I will be working on it and I will notify you once this is done.

alexghi commented 1 year ago

I still experience this issue, what can be done? iOS 16.1 @react-native-material/core: 1.3.7 react: 17.0.1, react-native: 0.64.1

image