Open Bug 2014125 Opened 5 months ago Updated 2 months ago

www.icloud.com - The ‘Contacts’ label overlaps the ‘iCloud’ element, preventing interaction

Categories

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

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

Tracking

(Webcompat Priority:P2, Webcompat Score:6, firefox147 affected, firefox148 affected, firefox149 affected)

Project Flags:
Webcompat Priority P2
Webcompat Score 6
Tracking Flags:
Tracking Status
firefox147 --- affected
firefox148 --- affected
firefox149 --- affected

People

(Reporter: bfarkas, Unassigned)

References

(Depends on 1 open bug,
URL
)

Details

(Keywords: webcompat:have-login, webcompat:platform-bug, webcompat:site-report, Whiteboard: [webcompat-source:web-bugs][webcompat:sightline][webcompat:core])

User Story

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

Attachments

(4 files)

Overlap issue iCloud Contacts Nightly vs Chrome
589.23 KB, video/mp4
Details
iCloud Calendar Nightly vs Chrome
161.85 KB, image/png
Details
testcase 1 (reduced)
31.19 KB, text/html
Details
testcase 2 (more reduced)
249 bytes, text/html
Details

Environment:
Operating system: Windows 10
Firefox version: Firefox 147.0 / Firefox Nightly 149.0a1 (2026-02-02)

Preconditions:
Login with valid user credentials

Steps to reproduce:

  1. Access: https://www.icloud.com/contacts/
  2. Observe "iCloud Contacts" text in the upper left corner of the page
  3. Click on the element and observe

Expected Behavior:

  1. The "iCloud Contacts" section is displayed accordingly
  2. The user is returned to the main page

Actual Behavior:
The ‘Contacts’ label overlaps the ‘iCloud’ element, preventing any interaction

Notes:

  • The described issue reproduces, when accessing https://www.icloud.com/calendar/
  • 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/205252

Attachment #9542038 - Attachment description: Overlap issue Nightly vs Chrome → Overlap issue iCloud Contacts Nightly vs Chrome

Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.

status-firefox148: --- → affected
Whiteboard: [webcompat-source:web-bugs] → [webcompat-source:web-bugs][webcompat:sightline]
Severity: -- → S4
User Story: (updated)
Webcompat Priority: --- → P2
Webcompat Score: --- → 6
Keywords: webcompat:have-login, webcompat:needs-diagnosis
Priority: -- → P2
User Story: (updated)
Webcompat Priority: P2 → P3
Webcompat Score: 6 → 1
User Story: (updated)
Webcompat Priority: P3 → P2
Webcompat Score: 1 → 6
User Story: (updated)
Attached file testcase 1 (reduced) —

Here's a reduced testcase of the "iCloud Contacts" header, generated with Testcase Reducer.

This shows the bug (overlapping content) in Firefox Nightly, vs. there's no overlap in Chrome.

Here's a more-reduced testcase, reduced from the SVG for the "iCloud" logo at the top right. That logo has zero width in Firefox, vs. nonzero width (ultimately taken from the SVG height attribute, converted through the viewBox) in other browsers.

Depends on: 2015990

I filed bug 2015990 as a platform-bug here.

User Story: (updated)
Keywords: webcompat:needs-diagnosis → webcompat:platform-bug
Whiteboard: [webcompat-source:web-bugs][webcompat:sightline] → [webcompat-source:web-bugs][webcompat:sightline][webcompat:core]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: