fluentui icon indicating copy to clipboard operation
fluentui copied to clipboard

[Bug]: Adobe Spectrum Dialogs close Popovers outside of iFrame

Open Keenan-Allgood opened this issue 3 years ago • 0 comments

Library

React Components / v9 (@fluentui/react-components)

System Info

System:
    OS: Windows 10 10.0.22000
    CPU: (8) x64 Intel(R) Xeon(R) W-2123 CPU @ 3.60GHz
    Memory: 43.89 GB / 63.73 GB
  Browsers:
    Edge: Spartan (44.22000.120.0), Chromium (105.0.1343.33)
    Internet Explorer: 11.0.22000.120

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/currying-platform-ndpd9t?file=/src/App.tsx Click "Publish" within iFrame, then open Fluent Popover outside of iFrame. Every time fluent popover is opened while iFrame dialog is open, it automatically closes the fluent popover after a second

Bug Description

Actual Behavior

Fluent UI Popovers close when iFramed Spectrum Dialogs are open. Listening to the events fired, it looks like the fui-framefocus event is coming in as a custom even to the onOpenChange function. Was wondering if there was any further insight we could get on this.

Expected Behavior

Modals within an iFrame shouldn't force close Fluent UI Popover controls.

Logs

No response

Requested priority

Low

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

  • [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • [X] The provided reproduction is a minimal reproducible example of the bug.

Keenan-Allgood avatar Sep 16 '22 01:09 Keenan-Allgood