Issue with popups and iframes on firefox

@automationpanda We spoke briefly at Star West regarding firefox issues.

Hello all,

Website: https://terckert.github.io/pw-firefox-test/ Code: https://github.com/terckert/pw-firefox-test

The live environment I'm testing has an iframe that contains a button that opens a pop-up containing an upload element. On clicking the save button, it handles the upload, closes the popup, and refreshes the iframe. I have simplified an approximation of the live environment found at the link above and included a playwright test that I wrote to highlight the issue I'm having:

import { test, expect } from '@playwright/test';

test('access iframe after reload', async ({ page }) => {
    await page.goto(`https://terckert.github.io/pw-firefox-test/`)
    for (let i = 0; i < 4; i++) {
        console.log(`Run ${i}`)
        await page.waitForLoadState();
        const popupPromise = page.waitForEvent('popup');
        await page.frameLocator(`#iframe-id`).locator("#iframe-button").click();
        const popup = await popupPromise;
        await popup.waitForLoadState();
        const button = await popup.locator('#popup-button').click()
    }
});

The test runs fine on safari, chromium, msedge, google chrome, but fails on firefox with the following:

locator.click: Target closed
=========================== logs ===========================
waiting for locator('#popup-button')
  locator resolved to <button id="popup-button" onclick="closePopupAndRefreshI…>↵        Click me to close the popup and refresh …</button>
attempting click action
  waiting for element to be visible, enabled and stable
  element is visible, enabled and stable
  scrolling into view if needed
  done scrolling
  performing click action
============================================================```

I have also run into errors when handling iframes on firefox, but was hoping someone could point me in the right direction as to where to go next to attempt to solve this issue.