can't resize when dom has iframe

[xmsz-stu]

Overview of the problem

I'm using re-resizable version [x.x.x]

My browser is:

I am sure this issue is not a duplicate?

Description

Steps to Reproduce

    <div
      style={{
        width: '100%',
        display: 'flex',
        overflow: 'hidden',
      }}
    >
      <Resizable
        defaultSize={{
          width: '50%',
          height: 200,
        }}
        maxWidth='100%'
        minWidth='1'
      >
        001
      </Resizable>
      <div
        style={{
          width: '100%',
          minWidth: '200px',
        }}
      >
        <iframe src='http://www.google.com' />
      </div>
    </div>

https://codesandbox.io/s/ll587k677z

Expected behavior

Actual behavior