Resizing panes with an iframe is flaky

I have a Mosaic with three React components and everything works as expected. The resizing is a smooth user experience. When I use iFrames in the Mosaic the resizing is very flaky. The windows jump to different sizes when the cursor is moved. Is Mosaic compatible with iFrames? Is there something I can implement? return ( <MosaicWindow<ViewId> path={path} createNode={() => 'new'} // @ts-ignore title={TITLE_MAP[id].title} toolbarControls={[]} additionalControlButtonText="" additionalControls={controls}> <div style={{ width: "100%", height: "100%" }}> <iframe height={'100%'} name={'alerts component'} src={'http://example.com'} title={'Window Frame'} width={'100%'} /> </div> </MosaicWindow> )