react rnd - marker position changes on screen size change

I am displaying an image and then using a marker on it. the problem is that when the screen size is altered. the marker also changes its position, why is this happening? and how can I fix this so that the marker stays on the same position relative to the image. here's the link -> https://codesandbox.io/s/34x4lrovmm

1 answer

  • answered 2018-04-17 05:11 Liam

    Actually, there are many ways to do that here's one of them.

    You need just to set static width and height for image

    enter image description here