the x, y position is getting changed with resolution and hence finding it difficult to place the component since its going out of bound in some resolutions, any solutions to make x and y values common for all resolutions so that it gets gets displayed in same place for all resolutions

[Raksha2606]

Overview of the problem

I'm using react-rnd version [10.0.0]

My browser is:

I am sure this issue is not a duplicate?

Reproduced project

https://codesandbox.io/s/y3997qply9

Description

Steps to Reproduce

1. First Step
2. Second Step
3. and so on...

Expected behavior

the component has to be placed in same position that is right top corner for all resolutions.

Actual behavior

the component is going out of bound in some reolutions and in some its getting displayed in other positions based on resolutions