Completed
Last Updated: 27 Apr 2021 10:15 by ADMIN
Kevin
Created on: 30 Oct 2019 18:30
Category: KendoReact
Type: Bug Report
0
DateTimePicker is broken in ie11 due to use of the shorthand flex syntax

Problem:

The DateTimePicker does not work in IE11 due to it's failure to fully support the shorthand syntax for flex (https://github.com/philipwalton/flexbugs#flexbug-4). In order for it to work in IE11 flex-basis needs a unit defined and therefore does not support calc() in this scenario.

Potential Fix:

If you break out flex-grow, flex-shrink and flex-basis then calc() can be used for flex-basis.

5 comments
ADMIN
Stefan
Posted on: 12 Nov 2019 08:58

Hello, Kevin,

Thank you for the styles.

This is again based on the styles of the components.

Once the issue is fixed inside the themes, the animation issue should be resolved as well.

Regards,
Stefan
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Kevin
Posted on: 11 Nov 2019 16:55
.k-datetime-container .k-datetime-calendar-wrap,
.k-datetime-container .k-datetime-time-wrap {
    flex-shrink0;
    flex-grow0;
    flex-basiscalc(22.85714em + 32px);
}
ADMIN
Stefan
Posted on: 11 Nov 2019 13:10

Hello, Kevin,

Could you please share the CSS modifications that you can make, so I can test with the same approach and see if we can provide a fix to the initial issue that we not cause the second one.

Regards,
Stefan
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Kevin
Posted on: 05 Nov 2019 22:42
I've found another problem in IE11: After implementing my own fix in my css overwrite file (which does solve the problem I spelled out above) I've discovered that the animation between the date/time states is misbehaving. It intermittently doesn't always complete it's transition from the date to time, often clipping the left side of the time screen. Unfortunately I wasn't able to find a solution via css. If the animation is css driven it possibly needs to be moved into the component, if not then the component transition logic may need to be refactored.
ADMIN
Stefan
Posted on: 05 Nov 2019 10:53

Hello, Kevin,

I saw that my colleagues already responded to the ticket and transferred this issue for it:

https://github.com/telerik/kendo-themes/issues/1042

I have also added some Telerik points to your account for bringing this our attention

Regards,
Stefan
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items