Link popup doesn't open when using iframe

[skehokin]

react-froala-wysiwyg v4.1.0

When clicking on the link button in the toolbar, the link popup does not open/show.

Note that this problem only occurs when iframe: true.

The DOM doesn't appear to be updated when this happens. zIndex has been increased for popups but this hasn't fixed the issue for the link popup. This occurs for all input widths.

const config = {
      attribution: false,
      useClasses: false,
      heightMin: 200,
      iframe: true,
      scrollableContainer: '#froala-wrapper', 
      toolbarButtons: {
        moreRich: {
          buttons: ['insertLink', 'insertImage', 'insertTable', 'quote'],
          buttonsVisible: 4
        }
      },
      pluginsEnabled: [
        'table',
        'quote',
        'quickInsert',
        'paragraphFormat',
        'paragraphStyle',
        'draggable',
        'align',
        'lists',
        'link',
        'url',
        'image',
        'emoticons',
        'colors',
        'entities',
        'inlineClass',
        'inlineStyle',
        'imageTUI'
      ]
    }

  return (
    <div
      width={'100%'}
      id='froala-wrapper'
      style={{ position: 'relative' }}
    >
      <FroalaEditor
        tag='textarea'
        model={value}
        onModelChange={handleChange}
        config={config}
      />
    </div>
  );

For context: This issue occurs in v4.1.0 but not v4.0.19 so appears to be very recent. My project is dodging the issue by using the older version for now.

[torrac12]

v4.1.1 as well