6

If you create a snippet in a question or an answer and click on “Full page” then the “Close” button is not clickable. Am I the only one to whom this happens? This was tested in Firefox, Safari and Chrome on macOS. In Firefox, this is reproducible when Fission (Site isolation) is enabled.

Here’s a test snippet; try it out:

Press "Run code snippet" and press "full page" on the top right corner. The close button won't work

20
  • 2
    No repro, FF 94.0 on Linux Mint Commented Nov 17, 2021 at 11:30
  • 4
    Odd; it seems to work for me in Firefox and Chrome on Windows.
    – Cody Gray Mod
    Commented Nov 17, 2021 at 11:30
  • 3
    No Repro Chrome Version 96.0.4664.45 in Ubuntu
    – Suraj Rao
    Commented Nov 17, 2021 at 11:31
  • @CodyGray there isn't even a cursor when hovering and i have to refresh the page Commented Nov 17, 2021 at 11:32
  • Anything on the console or you have any extensions that messing with it?
    – Suraj Rao
    Commented Nov 17, 2021 at 11:37
  • @SurajRao nope, nothing Commented Nov 17, 2021 at 11:38
  • No Repro Microsoft Edge Windows.
    – Alan Bagel
    Commented Nov 17, 2021 at 12:00
  • I’m always able to reproduce this on Firefox Nightly, but not on Chrome. Noticed this for a long time, but was never confident enough to report this. I always assumed it was a minor browser bug. I have a hunch that this is somehow security related: maybe to prevent clicking on invisible links or in invisible iframes? Commented Nov 17, 2021 at 13:31
  • I just realized that in a different Firefox install, it works. Now I need to find which about:config setting is responsible… Commented Nov 17, 2021 at 14:26
  • No repro in Firefox 94.0.1 (64-bit), Edge Version 95.0.1020.53 (Official build) (64-bit), Chrome Version 96.0.4664.45 (Official Build) (64-bit) on Windows 10. Commented Nov 17, 2021 at 16:42
  • To add to the list: no repro on Opera 81.0.4196.37 on W10. Starts to sound like it is only present on MacOS
    – 0Valt
    Commented Nov 17, 2021 at 18:48
  • 4
    Got it. Enabling Fission (Site isolation) in Firefox causes this issue. 100 % reproducible. Commented Nov 18, 2021 at 5:07
  • 2
    Thanks to @Sebastian's comment I made a min repro for FF with Fission. Some observations: the server response seems to be a trigger, using jsfiddle's echo service instead of stacksnippet's doesn't reproduce (nor does using things like srcdoc etc.). Having the overlay out by a px doesn't trigger the issue (so .popin{padding-top:5px;top:-1px;} would workaround it). However this only concerns Fission, I doubt OP faced the same issue on their other browsers and that they share the same triggers.
    – Kaiido
    Commented Nov 18, 2021 at 8:55
  • 1
    Confirm problem. I can't close full page code snippet. Firefox 95.0.2 Windows 10 x64.
    – vee
    Commented Jan 1, 2022 at 13:56
  • 3
    To work around this issue, I added the following CSS to the adjustments I apply to SO/SE: .snippet-box-result[style] { padding-top: 1.5em; } The .snippet-box-result <iframe> only has a style attribute when in full page mode, so this doesn't affect the snippet when it's displayed within the post (i.e. when it's not in full page mode).
    – Makyen Mod
    Commented Jan 20, 2022 at 6:00

1 Answer 1

2

This is a bug in Firefox, and Firefox version 97 or 98 will include a fix for this. There is nothing wrong with the code on Stack Overflow's end.

If anyone else encounters this issue in another browser, then that's still a mystery.

1
  • Firefox 97.0 on Windows fixes this for me.
    – TylerH
    Commented Feb 16, 2022 at 22:46

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .