TextInput width applied by a variant will shrink after input is received

[bsluther]

Description

When a variant sets the width of a TextInput, the size of the input will shrink to the size of the inputted text.

Steps to Reproduce

Mount the following components and enter text into each text input. The text input without a variant will retain the same width, while the text input with the variant will shrink to the size of the inputted text.

import { TextInput, View } from 'react-native'
import { StyleSheet } from 'react-native-unistyles'


export function InputVariantRepro() {
  styles.useVariants({ size: 'small' })

  return (
    <View style={styles.container}>
      <TextInput style={styles.withoutVariant} />
      <TextInput style={styles.withVariant} />
    </View>
  )
}

const styles = StyleSheet.create({
  withoutVariant: {
    backgroundColor: 'white',
    width: 40
  },
  withVariant: {
    backgroundColor: 'white',
    variants: {
      size: {
        small: {
          width: 40
        }
      }
    }
  },
  container: {
    flex: 1,
    width: '100%',
    alignItems: 'center',
    justifyContent: 'center',
  }
})

Snack or Repository Link (Optional)

No response

Unistyles Version

3.0.0-beta.4

React Native Version

0.76.2

Platforms

iOS

Expo

Yes