DatePicker broken in Microsoft Edge

14 posts, 0 answers
  1. CORNEL
    CORNEL avatar
    44 posts
    Member since:
    Jan 2012

    Posted 03 Aug 2015 Link to this post

    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!
  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 05 Aug 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. CORNEL
    CORNEL avatar
    44 posts
    Member since:
    Jan 2012

    Posted 05 Aug 2015 in reply to Maria Ilieva Link to this post

    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

     

     

  5. Radoslav
    Radoslav avatar
    5 posts
    Member since:
    Jun 2012

    Posted 06 Aug 2015 Link to this post

    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" />

  6. Radoslav
    Radoslav avatar
    5 posts
    Member since:
    Jun 2012

    Posted 06 Aug 2015 Link to this post

    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.

  7. Radoslav
    Radoslav avatar
    5 posts
    Member since:
    Jun 2012

    Posted 06 Aug 2015 in reply to Radoslav Link to this post

    pls. remove post above, it is not complete. Thanks
  8. Atanas Georgiev
    Admin
    Atanas Georgiev avatar
    126 posts

    Posted 07 Aug 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  9. Silviu
    Silviu avatar
    1 posts
    Member since:
    Jul 2015

    Posted 07 Aug 2015 in reply to Atanas Georgiev Link to this post

    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!

     

  10. Atanas Georgiev
    Admin
    Atanas Georgiev avatar
    126 posts

    Posted 10 Aug 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  11. Ruud
    Ruud avatar
    51 posts
    Member since:
    Oct 2012

    Posted 17 Aug 2015 in reply to Atanas Georgiev Link to this post

    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

  12. Atanas Georgiev
    Admin
    Atanas Georgiev avatar
    126 posts

    Posted 24 Aug 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  13. Ruud
    Ruud avatar
    51 posts
    Member since:
    Oct 2012

    Posted 25 Aug 2015 in reply to Atanas Georgiev Link to this post

    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

  14. Atanas Georgiev
    Admin
    Atanas Georgiev avatar
    126 posts

    Posted 28 Aug 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  15. Adam
    Adam avatar
    7 posts
    Member since:
    May 2007

    Posted 05 Jan Link to this post

    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

Back to Top
Kendo UI is VS 2017 Ready