Oana Botisan, Desktop QA Reporter
	Description • 6 years ago

[Affected versions]:
- Firefox 62.0
- Firefox 63.0b7
- Firefox 64.0a1

[Affected platforms]:
- Windows 10 x64
- Ubuntu 16.04 x64
- macOS 10.13

[Steps to reproduce]:
1. Open http://histography.io/
2. Resize the browser.
3. Observe the behaviour.

[Expected result]:
- There is an empty space on the page that can't be used.

[Actual result]:
- The page is refreshed and the history line is displayed on the entire page. 

[Regression range]:
- I don't think is a regression, but I couldn't find out, because this site doesn't work on builds that are previous to Nightly from 2018-08-17. 

[Additional notes]:
- This issue is not reproducing on Chrome.
- Please look at the attached gif to see the bug reproducing.

	:Gijs (he/him)
	Comment 1 • 6 years ago

The webpage only "works" in chrome because it calls location.reload() from the resize event handler.

Doing so in Firefox seems to be blocked / not working. Though also, the site doesn't seem to have any backoff for this, so if you fire a bunch of resize events while the user is dragging the window, it'll just keep calling the resize handler as/when it gets attached. A site workaround would be doing something like:


var resizeReloadTimeout = 0;
window.addEventListener("resize", function() {
  if (resizeReloadTimeout) {
    clearTimeout(resizeReloadTimeout);
  }
  resizeReloadTimeout = setTimeout(() => location.reload(), 100);
});



There might still be a DOM/docshell bug here, though it's also possible we deliberately break navigating mid-resize. Maybe qdot can help.