RadMap Markers shifting Bug on mobile devices

3 posts, 0 answers
  1. zaza
    zaza avatar
    2 posts
    Member since:
    Nov 2016

    Posted 25 Nov 2016 Link to this post

    I noticed that the markers on the map looks mispositioned on many devices, like shifted to north/east.

    I got this problem with my Android phone and even with a Surface pro, whatever the browser I 'm using.

    You can see it even with the online demo:
    http://demos.telerik.com/aspnet-ajax/map/examples/overview/defaultcs.aspx

    On PC:
    https://i.snag.gy/IzuexH.jpg

    On my phone:
    https://i.snag.gy/XTwYrK.jpg

    I think it's just a css issue with the markers. I really need a quick solution to the problem. Any ideas? :/

  2. Ianko
    Admin
    Ianko avatar
    1684 posts

    Posted 29 Nov 2016 Link to this post

    Hello zaza,

     

    I logged this as a bug report. You can monitor it from this feedback portal item: https://feedback.telerik.com/Project/108/Feedback/Details/206801

     

    The temporary fix is to apply this CSS in your page:

     

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .k-map span.k-marker{
            width: 28px;
            height: 40px;
            margin: -40px 0 0 -14px;
        }
    }

     

    This will render the built-in markers to their original position.

     

    Regards,
    Ianko
    Telerik by Progress
    Telerik UI for ASP.NET AJAX is ready for Visual Studio 2017 RC! Learn more.
  3. zaza
    zaza avatar
    2 posts
    Member since:
    Nov 2016

    Posted 29 Nov 2016 in reply to Ianko Link to this post

    Thanks, it works fine.
Back to Top