Scroll down to the bottom of the page where there is a 2nd DatePicker.
This one should open upwards. It will have a glitchy animation on iPad.
What is the motivation or use case for changing the behavior?
We have DatePickers on many of our forms which appear further down the page. Our form is designed to work with iPads and larger tablets, and the animation is a bit distracting.
I'm submitting a...
Current behavior
When the DatePicker is at the bottom of the page, it opens upwards, to prevent clipping off the bottom. This animation appears incorrectly on iPad.
Expected behavior
Both animations should appear correctly on iPad.
Minimal reproduction of the problem with instructions
Here is the editor: https://stackblitz.com/edit/react-2syswt?file=app/main.js
But it may be easier to see with the live example: https://react-2syswt.stackblitz.io
What is the motivation or use case for changing the behavior?
We have DatePickers on many of our forms which appear further down the page. Our form is designed to work with iPads and larger tablets, and the animation is a bit distracting.
Environment
Browser:
System: