Framework7-React Iframe

The page does not scroll down because of the iframe.

by myFree_1

HTML

<script src="https://unpkg.com/[email protected]/umd/react.production.min.js"></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/[email protected]/js/framework7.bundle.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/framework7.bundle.min.css">
<script src="https://unpkg.com/[email protected]/framework7-react.bundle.js"></script>
<div id="app"></div>

React

Framework7.use(Framework7React);

const AppComponent = (
	<App>
	  <Statusbar />
    <Page>
      <Navbar title="Subject" large transparent backLink>
        <NavRight>
          <Link>
            <Icon material="delete" />
          </Link>
        </NavRight>
      </Navbar>

      <List className="mail-info margin">
        <ListItem
          title="test"
          subtitle="[email protected]"
          after="25/02/2022"
          mediaList
        />
      </List>

      <iframe
        className="mail-viewer"
        scrolling="no"
        style={{width: "100%", height: "100%"}}
        src="https://framework7.io/react"
      />
    </Page>
	</App>
)

ReactDOM.render(AppComponent, document.getElementById('app'));