react-rnd icon indicating copy to clipboard operation
react-rnd copied to clipboard

Height in percentages doesn't allow resizing from the bottom

Open codename11 opened this issue 7 years ago • 1 comments

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

  1. Change unit for height into pixels to make it work.
  2. 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.

codename11 avatar Aug 23 '18 23:08 codename11

#474

Bouncue avatar May 26 '19 12:05 Bouncue