react-datepicker icon indicating copy to clipboard operation
react-datepicker copied to clipboard

Published 20 hours ago • verified publisher icon Hacker0x01

DatePicker position changes when zoom level change

Open anupamhore opened this issue 2 years ago • 1 comments

Describe the bug I am facing issue with the position of the date picker. Modern browsers allows system level font scale , size layout zoom to go more than 100%. So, I adjusted the zoom level of my application div to 80% so that everything looks fine and not bigger font. Rest of all the things work fine accept this datepicker. Its position changes and goes to other location in the screen. Any ideas to fix it so that it can stick to the desired location

To Reproduce Go to the system settings, change the scale and layout option to 150%

  1. Go to 'Settings'
  2. Click on 'Display Settings'
  3. Change the scale and layout option to 150%
  4. See error in the app.

Expected behavior The position of the DatePicker should remain constant. Or a attribute should be given to adjust accordingly

Desktop (please complete the following information):

  • OS: Windows
  • Browser chrome

anupamhore avatar May 13 '22 03:05 anupamhore