Bug: unable to resize height when default height is set to a percentage

[elie222]

Overview of the problem

I'm using react-rnd version [9.0.4]

My browser is: Chrome (Mac)

Reproduced project

https://codesandbox.io/s/w7p3p81oy5

Description

Steps to Reproduce

1. Drag the bottom side or corner of the box up or down.

Expected behavior

The height of the box is adjusted.

Actual behavior

The height of the box stays the same.

[kure-]

Hey, i've just run into your issue to see if there are some deal-breakers when using this library. Anyway, this should work and be solved if you set height to parent container. Right now the container has 0 height. If you set height to e.g. 100vh of the container <div id="root">, the percentage should work ;)

[bokuweb]

@kure- Thanks :) @elie222 Please check https://codesandbox.io/s/n42x6krq10

[Bouncue]

@bokuweb please have a look at this https://codesandbox.io/s/icy-dew-pohbz

[areebbeigh]

I had too many nested divs to set the heights to some value. Couldn't make the above "hack" work. Instead, not passing the props for max/min/default height and directly applying css overrides (!important) worked.

However, it might be worth documenting/fixing this issue.