Container/Drop-zone Mismatch about react-smooth-dnd HOT 3 OPEN

Hey @cheshireoctopus ,
The Container element does not expand to its parent element by default. If you want to adjust its sizes you can target .output .smooth-dnd-container by 'output' class or you can set Container's style explicitly.

from react-smooth-dnd.

Hi, @kutlugsahin
I'm also facing same problem, Drop zone has smaller size than Container
Can you give a small example for extend size of Drop-Zone?

from react-smooth-dnd.

I've been able to solve this by adding inline style to adjust size.

<div className="outer" style={{ height: '74px'; padding: '12px' }}>
  <Container style={{ height: '100%', width: '100%' }}>
     ...
  </Container>
</div>

from react-smooth-dnd.