search

gabrieldonadel / rn-material-ui-textfield

Material UI textfield
https://www.npmjs.com/package/rn-material-ui-textfield
Other
37 stars 31 forks source link

Label styling #14

Open dariakoko opened 3 years ago

dariakoko commented 3 years ago

Hello,

I have spotted an issue with label width. You have styles that work perfectly when there is only one textfield in a row. 

container: {
    position: 'absolute',
    top: 0,
    left: '-100%',
    width: '200%',
    paddingLeft: '50%',
  },

But whet it's more than one of them, there is an issue with the width. As you can see on the image, the label has bigger width than the textInput. So, in my case, if I press in the end of the "Street" field, the "Number" field becomes active instead. image

"rn-material-ui-textfield": "1.0.2",

gabrieldonadel commented 3 years ago

Hi @Nargle30 I'm still investigating this but it seems pretty similar to the issue reported here, as a quick fix I would suggest you using the containerStyle prop like the above 


<TextField
 ...
 containerStyle={overflow: 'hidden'}
/>