DatePicker broken in Microsoft Edge

[IT]

Hi Guys,

I have notice in Microsoft Edge browser RTM version that when using Kendo DatePicker MVC helper the initial default value is not properly set.

And this looks to be related to the input type="date" instead of type="text" that the Kendo MVC helper outputs as per fiddle http://jsfiddle.net/silviunex/2p7wprnk/9/

I'm currently using Kendo DatePicker control initialized with MVC helpers and default values set throughout a big project.

I would like to know if there is any fix available for this issue?

Cheers!

[Maria Ilieva]

Hello Cornel,

I tried to replicate the issue locally but to no avail. See my test movie below and let me know if I'm missing something:
http://screencast.com/t/Sv9xsJ9WGI6

Please let me know if you have any specifics in the Culture settings on your machine so that I can test the exact configuration locally and see of it might cause the problem.

Regards,
Maria Ilieva
Telerik

 

 

[IT]

Hi Maria,

Thanks for testing this quickly. But please use the type="date" as that is the output by the Kendo DatePicker MVC helper.

Here you can find updated sample code with both working and non-working examples http://jsfiddle.net/silviunex/2p7wprnk/

 

Cheers,

Silviu

 

 

[iDoklad]

Hi,

we have the same issue. Problem is when server have different Thread culture.

Our example.

 

@(Html.Kendo().NumericTextBox()

    .Name("mynumber")

       .Value(1.5d)
       .Decimals(4)))

When ThreadCulture is set for example 'cs-CZ' Kendo helper issentialy generates this html:

 

<input id="mynumber" name="mynumber" value="1,6" type="number" />

[iDoklad]

Hi,

we have the same issue. Problem is when server have different Thread culture.

Our example:

@(Html.Kendo().NumericTextBox()
    .Name("mynumber")
    .Value(1.5d)
    .Decimals(4)))

When ThreadCulture is set for example 'cs-CZ' Kendo helper issentialy generates this html:

<input id="mynumber" name="mynumber" value="1,6" type="number" />

 Microsoft Edge then removes value of 'mynumber' and sets it to "" because 1,6 is not valid number decimal (but it is in czech culture).
The same problem is with date.

Edge removes value before even Kendo starts to transform input to NumericTextBox.

Solution for this problem is:

@(Html.Kendo().NumericTextBox()
    .Name("mynumber")
    .Value(1.5d)
    .Decimals(4)))
    .HtmlAttributes(new {type = "text"})

 

But it is quite a pain in a .... to add all these attributes in all of our code. Is there any other solution? The perfect one would be to tell Kendo not to generate specific types for inputs.

 

Thanks.

[iDoklad]

pls. remove post above, it is not complete. Thanks

[Atanas Georgiev]

Hello,

The issue you're experiencing is due to browser behavior in Edge different than previous IE versions. This can be observed in the following snippet:

http://dojo.telerik.com/ovOGO

where the second input (id=bad) is not KendoDatePicker and the problematic behavior is still observed.

Out team is working on an enhancement to workaround this behavior for the MVC wrappers out of the box.
Meanwhile setting the "type" attribute manually is the best solution we can offer. To achieve this please define it in an HtmlAttribute method i.e.:

.HtmlAttributes(new { @type= "text" })

Regards,
Atanas Georgiev
Telerik

 

 

[Silviu]

Hi Atanas,

The fix with the htmlattributes will work but is quite tedious to apply that in all pages of a big project.

The more elegant and quicker solution will be for this issue to be handled directly from Kendo MVC helpers themselves.

 Cheers!

 

[Atanas Georgiev]

Hello,

At this point we are not able to commit specific milestone for implementing the enhancement mentioned below - we will do our best to address it as soon as possible. We will keep you posted on our progress. My apologies for the inconvenience caused and thank you for the understanding.

Regards,
Atanas Georgiev
Telerik

 

 

[Ruud]

Hi Atanas,

I also have issue with Ms Edge; sometimes for some unknown reason the browser cannot connect to my Kendo web at all! I will try to get some more logs about this, but meanwhile, can you confirm all Kendo widgets (except the issue above) should work, including MvvM bindings, mobile layouts, etc? 

The reason for asking is; I checked this page: http://docs.telerik.com/kendo-ui/browsers-support and I do not see Edge listed. I assume you are not considering it to be "Internet Explorer and later" since Ms presents this as a brand new browser?

Thanks in advance for your feedback.

Ruud

[Atanas Georgiev]

Hello Ruud,

Please accept my apologies for the late response. Edge will be included in out supported browsers list with the next service pack of KendoUI, expected in a couple of weeks.
Besides the case described below (which is due to specific browser behavior and not an KendoUI issue) we are aware of one more minor issue with KendoUI Editor (extra bold styling added in some specific cases). All widgets, bindings etc. are expected to work with Edge. In case you experience any problems please sent us an isolated runnable example, where the issue is present and we will be happy to take a look



Regards,
Atanas Georgiev
Telerik

 

 

[Ruud]

Hi Atanas,

I have no doubt you guys will succeed in getting all the Kendo stuff aligned with Ms Edge; it's just I needed a timeline to communicate to my clients. Which I have now, so thank you very much for the information.

Best regards,

Ruud

[Atanas Georgiev]

Hello,

The enhancement in Telerik UI for ASP.NET MVC which generates the input elements with type "text" will be available in our next internal build, due by the end of next week. No further issues should be experienced in Edge for this use case.

Regards,
Atanas Georgiev
Telerik

 

 

[Adam]

We had an issue with KendoDatePicker in Microsoft Edge with the below code:

    @(Html.Kendo().DatePickerFor(x => x.EmpTime.DateCreated).Format("ddd dd/MM/yyyy"))

However I managed to get it fixed by upgrading Kendo MVC control to latest version 2015.3.1111