search

secretyouth / react-datez

An easy to use, customizable mobile-friendly datepicker.
MIT License
126 stars 24 forks source link

Input fields not displaying correctly on Android mobile #36

Open AlexJeffcott opened 6 years ago

AlexJeffcott commented 6 years ago

*please note that I have also added the following to 'react-datez/dist/css/react-datez.css' to fix other styling problems (also logged in Issues):

.rdatez * { box-sizing: border-box;} .rdatez-picker > div { position: relative; max-width: 85%; margin-right: auto; }

Here is the issue: image

Here is the fix that worked for me: .rdatez * { box-sizing: border-box; } .rdatez input { max-width: 90vw; } .rdatez-picker > div { position: relative; margin-right: auto; }

here is the result: image