Open Bug 1974686 Opened 10 months ago Updated 3 months ago

www.hermes.admin.ch - Table elements overlap each other

Categories

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

Product:
Web Compatibility
Component:
Site Reports
Platform:
Desktop
Windows 10
Type:
defect

Tracking

(Webcompat Priority:P3, Webcompat Score:1, firefox148 fixed)

Status:
REOPENED
Milestone:
148 Branch
Project Flags:
Webcompat Priority P3
Webcompat Score 1
Tracking Flags:
Tracking Status
firefox148 --- fixed

People

(Reporter: ctanase, Assigned: twisniewski)

References

(Depends on 2 open bugs,
URL
)

Details

(4 keywords, Whiteboard: [webcompat-source:web-bugs])

User Story

platform:windows,mac,linux,android
impact:content-missing
configuration:general
affects:all
branch:release
diagnosis-team:layout
user-impact-score:6

Attachments

(5 files)

image.png
494.15 KB, image/png
Details
Somewhat reduced test case
32.92 KB, text/html
Details
Bug 1974686 - add a CSS webcompat intervention for www.hermes.admin.ch; r?denschub
48 bytes, text/x-phabricator-request
Details | Review
Bug 1974686 - remove our webcompat intervention for www.hermes.admin.ch; r?ksenia
48 bytes, text/x-phabricator-request
Details | Review
Bug 1974686 - add a CSS webcompat intervention for www.hermes.admin.ch; r?denschub
48 bytes, text/x-phabricator-request
Details | Review

Environment:
Operating system: Android 15/Windows 10
Firefox version: Firefox Mobile 138.0/140/142

Steps to reproduce:

  1. Go to https://www.hermes.admin.ch/de/projektmanagement/szenarien/it-entwicklung/szenariouebersicht.html
  2. Scroll down the page.
  3. Observe the table.

Expected Behavior:
The table is rendered correctly, each element is visible.

Actual Behavior:
Table elements overlap each other.

Notes:

  • Reproducible on both Mobile and Desktop
  • 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/156342

Attached image image.png —
Webcompat Score: --- → 1

The trs all have

.hermespjm-projektuebersicht-row {
  height: 1px;
}

so yeah, that'd do it. Not sure why it's working in Chrome.

Severity: -- → S2
User Story: (updated)
Webcompat Priority: --- → P3
Webcompat Score: 1 → 4
Keywords: webcompat:needs-diagnosis, webcompat:needs-sitepatch
Priority: -- → P3
Depends on: 1598458

So the key here is height: 1px on the td, and then a <div> child with height: 100%:

data:text/html,<table style="border: 1px solid"><td style="height: 1px"><div style="height: 100%"><div style="height: 100px; width: 100px; background: blue">
Depends on: 1883699

The testcase also draws properly in Safari

We can improve things here with an intervention. My patch won't align the text in the cells (like "Auftraggeber") with the very bottom of the cells, but at least it's not a giant mess.

Keywords: leave-open
Assignee: nobody → twisniewski
Status: NEW → ASSIGNED
Pushed by twisniewski@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/813b75b82462 https://hg.mozilla.org/integration/autoland/rev/89e779a36ef8 add a CSS webcompat intervention for www.hermes.admin.ch; r=webcompat-reviewers,ksenia
Pushed by twisniewski@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/faebe58ecf81 https://hg.mozilla.org/integration/autoland/rev/578e5a06c02b add a CSS webcompat intervention for www.hermes.admin.ch; r=webcompat-reviewers,ksenia
User Story: (updated)
Webcompat Score: 4 → 1

This specific page is a 404 now, and I don't see any other pages with the same problem on their site, so we might as well remove the intervention.

User Story: (updated)
Keywords: leave-open
Pushed by twisniewski@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/8dc1e66f6c1f https://hg.mozilla.org/integration/autoland/rev/7cc867b68b7e remove our webcompat intervention for www.hermes.admin.ch; r=ksenia,webcompat-reviewers
Pushed by twisniewski@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/94895b460e91 https://hg.mozilla.org/integration/autoland/rev/068f0a815b84 remove our webcompat intervention for www.hermes.admin.ch; r=ksenia,webcompat-reviewers
Pushed by twisniewski@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/e30e9fd0b994 https://hg.mozilla.org/integration/autoland/rev/66dc4b9212af remove our webcompat intervention for www.hermes.admin.ch; r=ksenia,webcompat-reviewers

https://hg.mozilla.org/mozilla-central/rev/66dc4b9212af

Status: ASSIGNED → RESOLVED
Closed: 4 months ago
status-firefox148: --- → fixed
Resolution: --- → FIXED
Target Milestone: --- → 148 Branch

Ugh, the page is back, and has the problem again. Let's re-ship the intervention :S

Status: RESOLVED → REOPENED
Keywords: leave-open
Resolution: FIXED → ---
Pushed by twisniewski@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/52365c061a05 https://hg.mozilla.org/integration/autoland/rev/7991682de04d add a CSS webcompat intervention for www.hermes.admin.ch; r=denschub,webcompat-reviewers
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: