react-rnd
react-rnd copied to clipboard
Height in percentages doesn't allow resizing from the bottom
Overview of the problem
I'm using react-rnd version [x.x.x]
Newest
My browser is:
Chrome 68.0.3440.106
Reproduced project
https://codesandbox.io/s/m5ykmrknp8
Description
I am sure this issue is not a duplicate? If i put height in percentages, resizing in x axis from bottom doesn't even budge. If i put height in pixels, then it works.
Steps to Reproduce
- Change unit for height into pixels to make it work.
- Change it back into percentages and it doesn't work.
<Rnd style={style} default={{ x: 0, y: 0, width: "99%", height: '90%', padding: "0px", margin: "0px" }} /*lockAspectRatio={16/9}*/ enableResizing={false, {bottom: true}} disableDragging = { true} >
Expected behavior
It should resize from the bottom only.
Actual behavior
It does nothing.
Edit:
maxHeight={"800"}
also doesn't work if you put thing like percentages or pixels as units. "800" and 800 produces same effects but along side with them putting units doesn't work.
#474