1866427 - Form layout misaligned in XFO/CSP error page

Status: NEW

(Firefox :: Security, defect, P3)

Description

[Frederik Braun [:freddy]]

We show an error page when websites try to embed another website that doesn't want to be embedded (e.g., using X-Frame-Options or CSP frame-ancestors).

Steps to repeat:

1. Set up a web page that frames, e.g., google search <iframe src="https://www.google.com" width="640px" height="480px"> </iframe>
   1.1. You can use this jsfiddle, but I don't know how stable that's going to be. https://jsfiddle.net/456w0p2b/
2. Observe the error page

What should happen:

• The checkbox should be somewhat properly aligned with the rest of the page.

What actually happens:

• It's left aligned without any left margin/padding.

Comment 1

[Frederik Braun [:freddy]]

Attachment: image.png

Comment 2

[Dave Townsend [:mossop]]

The large space at the top of the content also made the message seem badly laid out to me but I'm not sure how much of that is up to us.

Comment 3

[Dave Townsend [:mossop]]

Attachment: Screenshot 2023-11-24 at 08.26.29.png

For reference this is the "in the wild" example I found where all the content seems aligned to the bottom of the dialog which is strange.

Comment 4

[Emilio Cobos Álvarez [:emilio]]

The misalignment looks "intentional": https://searchfox.org/mozilla-central/rev/24985943a2e482c4be8e0ca7fabacb3674b91f25/toolkit/themes/shared/aboutNetError.css#99

Comment 5

[BugBot [:suhaib / :marco]]

The severity field is not set for this bug.
:serg, could you have a look please?

For more information, please visit BugBot documentation.