ly525 / material-vue-daterange-picker

a date-range-picker follows the Material Design spec powered by vue.js (alpha)
https://ly525.github.io/material-vue-daterange-picker/
MIT License
73 stars 20 forks source link

Responsive Issue #74

Open Mithunjack opened 3 years ago

Mithunjack commented 3 years ago

Describe the bug Testing several times I got this issue of responsive behavior. In a resolution of (738px - 564px) while the calendar is open the calendar start to crop from left side after reaching in 564px resolution it changes to one column and solves the problem, but the problem lies in that specific resolution.

To Reproduce Steps to reproduce the behavior:

  1. Go to 'Calendar'
  2. Click on 'Input section'
  3. reduce the browser size to '738px or less but greater than 565px '
  4. See error

Expected behavior It should be in one column

Screenshots

Screenshot from 2021-01-30 13-48-46

Screenshot from 2021-01-30 13-48-11

Screenshot from 2021-01-30 13-52-58

Version Info (please complete the following information):