Quill does not fire events when embedded in an iframe

[marcustran98]

I am experiencing an issue where Quill is not firing events correctly when it is embedded within an iframe. The specific setup is as follows:

<App>
  <iframe>
    <ParentComponent>
      <ReactQuill />
    </ParentComponent>
  </iframe>
</App>

Issue:

• The toolbar for the ReactQuill editor does not show up when selecting text.
• Keyboard shortcuts like Ctrl + B for bold do not work when text is selected.
• Other toolbar actions also do not respond when embedded in an iframe.

Steps to Reproduce:

• Embed ReactQuill within a component that is rendered inside an iframe.
• Try to select text and expect the toolbar to show up for formatting options.
• Attempt to use keyboard shortcuts like Ctrl + B to bold the selected text.

Expected Behavior:

• The toolbar should appear when text is selected.
• Keyboard shortcuts should apply formatting as expected (e.g., Ctrl + B should make the selected text bold).

Actual Behavior:

• The toolbar does not show up upon text selection.
• Keyboard shortcuts do not apply any formatting.