Open Bug 1951068 Opened 26 days ago Updated 16 days ago

kjg-rauenberg.de - A black square around the text incorrectly displayed

Categories

(Web Compatibility :: Site Reports, defect, P3)

Product:
Web Compatibility
Component:
Site Reports
Platform:
Desktop
All
Type:
defect

Tracking

(Webcompat Priority:P3, Webcompat Score:1)

Project Flags:
Webcompat Priority P3
Webcompat Score 1

People

(Reporter: railioaie, Unassigned)

References

(Depends on 1 open bug,
URL
)

Details

(Keywords: spec-needed, webcompat:needs-diagnosis, webcompat:site-report, Whiteboard: [webcompat-source:web-bugs])

User Story

platform:windows,mac,linux,android
impact:minor-visual
configuration:general
affects:all
branch:release
diagnosis-team:layout
user-impact-score:2

Attachments

(1 file)

Screenshot 2025-02-28 at 12.09.57.png
568.90 KB, image/png
Details

Environment:
Operating system: Mac OS X 10.15
Firefox version: Firefox 135.0

Preconditions:
Clean profile

Steps to reproduce:

  1. Navigate to: https://kjg-rauenberg.de/aktionen/zeltlager/
  2. Scroll down
  3. Observe

Expected Behavior:
The text is displayed correctly without a square arround him

Actual Behavior:
A black square is displayed incorrectly around the text

Notes:

  • Reproduces regardless of the status of ETP
  • Reproduces in firefox-nightly, and firefox-release
  • Does not reproduce in chrome

Created from https://github.com/webcompat/web-bugs/issues/149012

Summary: kjg-rauenberg.de - Black square around the text incorrectly displayed → kjg-rauenberg.de - A black square around the text incorrectly displayed

I can reproduce the issue on Nightly137.0a1 Windows11, but not on Chrome.

The iframe has frameborder="none" attribute.
However, on Firefox, the following browser style is applied.

resource://gre-resources/html.css

iframe {
  border: 2px inset;
}

Workaround:

iframe[frameborder="none"] {
  border: none; 
}
OS: macOS → All
Webcompat Score: --- → 1

Simon, is this something we could add to the default UA stylesheet, maybe?

Severity: -- → S4
User Story: (updated)
Webcompat Priority: --- → P3
Flags: needinfo?(zcorpan)
Keywords: webcompat:needs-diagnosis
Priority: -- → P3

HTML has a rule already:

But WebKit and Chromium don't have this rule, instead they have:

https://github.com/WebKit/WebKit/blob/75f68af5e660a28446d188bf1c450d524ac594f1/Source/WebCore/html/HTMLIFrameElement.cpp#L112-L119

https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/renderer/core/html/html_iframe_element.cc;l=147-160?q=htmliframeelement&ss=chromium

It seems to me the spec and Gecko should align with WebKit/Chromium. I'll file a spec issue.

Flags: needinfo?(zcorpan)
Keywords: spec-needed

Spec PR: https://github.com/whatwg/html/pull/11103

I suppose this should have a Core bug. :denschub can you file and set up dependencies?

Flags: needinfo?(dschubert)
Depends on: 1952885

I've filed the Core bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1952885

Flags: needinfo?(dschubert)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: