maxWidth and maxHeight props don't respect after resize

Overview of the problem

I’m using react-rnd 7.1.3 https://www.webpackbin.com/bins/-Kut-6Jbwje1eyPBYBQN

My browser is: Chrome 61.0.3163.100 on Windows 10

I am sure this issue is not a duplicate

Description

When you resize component, maxWidth and maxHeight props are replaced with internal calculations

My use case: I’m building a component which have button “maximize”

When user click it, I change width and height to 100%. So if user doesn’t resize this window, it works fine, but if user resizes it, maxWidth and maxHeight styles are replaced by internal calculated and after “maximize” window can’t fit all screen, because maxWidth and maxHeight are not 100%

Steps to Reproduce

1. Set maxWidth and maxHeight props to 100%
2. Resize component
3. Check these styles
4. Drag around and resize again
5. Check these styles

Expected behavior

After resize end maxWidth and maxHeight are taken from props

Actual behavior

After resize end maxWidth and maxHeight are remain calculated

[NewOldMax]

But I need to have bounds… It’s possible to take maxWidth from props after resize stop event? Like “ok you shouldn’t resize more that bounds element size when you resize”, but after resize stop, we don’t need to keep this calculated maxWidth, it doesn’t affect anything. Or it can be calculated with drag too

[NewOldMax]

Thanks! 🍺