search

bl00mber / react-phone-input-2

:telephone_receiver: Highly customizable phone input component with auto formatting
https://bl00mber.github.io/react-phone-input-2.html
MIT License
953 stars 543 forks source link

Label misplaced? #485

Open kiko-lin opened 2 years ago

kiko-lin commented 2 years ago

I'm trying to recreate the material design example and I've found label is misplaced in my code. It is just before input (preventing focus styling to work) and in the CSS example is placed inside flag-dropdown :before. This last one is the right one, I know, but I can't find out why label is misplaced in my code. I have checked version and everything but can't find the reason why. Can somebody give a hint? Thank you

ayush-9 commented 2 years ago

have you find out a way to fix this?

I'm trying to recreate the material design example and I've found label is misplaced in my code. It is just before input (preventing focus styling to work) and in the CSS example is placed inside flag-dropdown :before. This last one is the right one, I know, but I can't find out why label is misplaced in my code. I have checked version and everything but can't find the reason why. Can somebody give a hint? Thank you

harish50 commented 2 years ago

I have published a package for material UI with TextField. It is based on react-phone-input-2 only

https://www.npmjs.com/package/phone-number-material-ui