Parent padding problem

[Nauss]

Using bounds = 'parent' and setting both padding-left and padding-right on the parent makes the right drag limit wrong (it looks like its padding-left + padding-right).
Reproducing the bug on the demo is easy, just open the dev tools and set the padding (left and right) to 100px.

Setting only the left padding 'works' (in this case, the right padding could not be set and is the same as left...).

The same thing happens on padding-top and padding-bottom.

Maybe I missed something ?

[Nauss]

The bug is actually existing in react-draggable. I added the issue there also.

[bokuweb]

@Nauss thanks!!
I want to rewrite everything, to not depend on react-draggable on next version.
But there is no time. Pelease wait... 🙇

[Nauss]

Why would you like to remove the dependency ? It looks like react-draggable has improved itself a lot since your fork.
Updating the dependency with the latest version seems a better solution to me ?

[bokuweb]

@Nauss Hmmm...That's exactly right.I'll update forked react-draggable.

[bokuweb]

react-rnd@5.0.0 published. The latest react-draggable is used in @5.0.0. Is this resolved?

[Nauss]

react-draggable issue #218 is fixed but I'm still not sure whether react-rnd has it fixed.
Here are screenshots from the demo (I just added a border and a padding to the parent):


Top and left padding are handled OK but bottom and right look broken... What do you think ?

[bokuweb]

@Nauss Thanks for your report. It is a bug.
#97
I'll do investigation.

[bokuweb]

@kudlajz Fixed by @5.0.3 🙏

[bokuweb]

Could you please reopen if you need.

[Matt95]

I am still having this issue, with bounds='parent' and setting the height to a % value via updateSize. The re sizeable takes the height of the root not parent element

[bokuweb]

@Matt95 Could you please provide reproduced project in webpackbin(https://www.webpackbin.com/bins/-Ku4nRhImIfnt9N08lGu) and open new issue?

[Hartha-kait]

@bokuweb Thank you for this good lib. I have a problem with paddings here, it is seems the padding no more in consideration !!