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:

    On PC:

    On my phone:

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

  2. Ianko
    Ianko avatar
    1828 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.


    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