React-datepicker: Twitter Bootstrap 3 makes size small

Created on 17 Apr 2017  路  4Comments  路  Source: Hacker0x01/react-datepicker

When using this with BS3 the month popup size is computed smaller than when not.

skaermbillede 2017-04-17 kl 11 58 34

Most helpful comment

That is because rem units are used, so the date picker is sized relative to the root font size. Default for browsers are typically 16px, bootstrap uses 10px. So adding this

html {font-size: 16px;}

fixes it. May fuck up other things on your site though...

All 4 comments

That is because rem units are used, so the date picker is sized relative to the root font size. Default for browsers are typically 16px, bootstrap uses 10px. So adding this

html {font-size: 16px;}

fixes it. May fuck up other things on your site though...

See also #624

Thanks, it worked! I looked everywhere for the place in the code where the size is computed. But I didn't find it yet. Where is it?

It is not computed, just set with rem units in the style sheet. Not ideal, as pr discussion in #624

Was this page helpful?
0 / 5 - 0 ratings

Related issues

kkras3 picture kkras3  路  3Comments

jcabrerazuniga picture jcabrerazuniga  路  3Comments

jjjss94 picture jjjss94  路  3Comments

formigone picture formigone  路  3Comments

flaurida picture flaurida  路  3Comments