Open aromalanil opened 4 years ago
It's possible to achieve responsivness by setting width for containerClass (.react-tel-input) in responsive units and overriding .form-control width from 300px (default) to 100%
But there's another problem. Width of .country-list dropdown is not calculated based on current .form-control width. We can only override it to some fixed width.
It'd be great to calculate width of dropdown dynamically.
Have any suggestions? PRs or CSS code posted here would be appreciated. However, default width should remain the same.
I think using responsive units will be great, as I faced difficulty in overriding the styles using responsive units, to make the component fit in my layout in small screens.