search

telerik / kendo-react

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
https://kendo-react-teal.vercel.app
Other
212 stars 36 forks source link

DatePicker Animation Issue on IPad #158

Open GeoMarkou opened 5 years ago

GeoMarkou commented 5 years ago

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

  1. Scroll down to the bottom of the page where there is a 2nd DatePicker.
  2. 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.

Environment

Browser:

System:

simonssspirit commented 5 years ago

@GeoMarkou I as was able to observe this as well. It is reproducible on an iPhone as well, so it is probably connected to the iOS devices in general.

We will investigate further.