mikecoj/MCDatepicker

mc-table__body seems to fill only half of the screen on Chromium based browsers on mobile

Closed this issue · 5 comments

Before I describe the issue, I just wanted to say, thanks for the best Datepicker library that exists!
When using your library on Chromium based browsers, on a mobile view, with the modal bodyType, the mc-table__body seems to fill only half of the space available.
WhatsApp Image 2021-06-23 at 17 44 05

The issue only seems to exist on Chromium based browsers, when using Firefox, it works as expected.

I made the screenshot on Chrome.
Did you try in an empty project @chardin1 ?
Screenshot_20210624-013150_Chrome

Setting

.mc-date {
  line-height: 3 !important;
}

in css seems to fix the issue, spent the entire day trying to figure it out why it was like that, if I had anything messing it up, but I'm still not sure what caused it... Thanks for the great library guys

Hi there,
It works on all browsers, except IE, so in your case, you probably changed the CSS flex property of the mc-table__body class, or you are using a CSS library.
Will be nice if you could reproduce it and share a link with us so we could debug it

Will try to reproduce as soon as I can, my project is on a tight deadline, as soon as I finish it (in the next few weeks) I'll try to reproduce and will come back to see what is going on

Apparently it was a problem with a Datatable theme changing the font-size of all table...