Open Bug 1913927 Opened 27 days ago Updated 9 days ago

linkedin.com - Extra space on the "Edit photo" window when changing the profile picture

Categories

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

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

Tracking

(firefox129 affected, firefox131 affected)

Tracking Flags:
Tracking Status
firefox129 --- affected
firefox131 --- affected

People

(Reporter: ctanase, Unassigned)

References

(Depends on 1 open bug,
URL
)

Details

(Keywords: webcompat:site-report)

User Story

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

Attachments

(2 files)

FF vs Chrome.mp4
967.53 KB, video/mp4
Details
testcase 1
611 bytes, text/html
Details
Attached video FF vs Chrome.mp4 —

Environment:
Operating system: Windows 10
Firefox version: Nightly 131.0a1 (2024-08-19)

Preconditions:
• must be logged in

Steps to reproduce:

  1. Go to https://www.linkedin.com
  2. Go to your profile.
  3. Click on the profile picture.
  4. Upload an image from computer.
  5. Scroll using the horizontal and vertical scroll bars.

Expected Behavior:
The editing window has no scroll bars.

Actual Behavior:
The editing window has scroll bars that lead to blank space when used.

Notes:

  1. Screenshot attached
  2. Reproducible regardless of the ETP status
  3. Reproducible on Firefox Release as well
  4. Not reproducible on Chrome
  5. Issue found during WebCompat team [Top100] websites testing
Severity: -- → S4
User Story: (updated)
Keywords: webcompat:needs-diagnosis, webcompat:site-report
Priority: -- → P3

I can reproduce. I used a fairly large image (2047 x 1356) for what it's worth; didn't test with other size images.

The unwanted scrollbars here come from this element:

<div class="ie-fabric-container  ie-fabric-container--use-translate"
style="width: 2593px; height: 1356px; position: relative; user-select: none; transform: translate(-50%, -50%) scale(0.286873);">

The element's large size (2593x1356) is what generates the overflow that causes the scrollbars, though its transform moves-and-scales-down the element to be small enough that you don't need to scroll to see it.

Attached file testcase 1 —

Here's a reduced testcase.

Depends on: 1917340

I filed bug 1917340 as a platform bug for this.

Keywords: webcompat:needs-diagnosis
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: