Dotted square appears above the in focused video's seek bar in Linkedin

NEW
Unassigned

Status

()

Core
Layout
P3
minor
8 months ago
a month ago

People

(Reporter: emilghitta, Unassigned)

Tracking

Trunk
Points:
---

Firefox Tracking Flags

(platform-rel -, firefox-esr45 affected, firefox52 wontfix, firefox-esr52 affected, firefox53 affected, firefox54 affected, firefox55 affected)

Details

(Whiteboard: [platform-rel-Linkedin])

Attachments

(1 attachment)

(Reporter)

Description

8 months ago
[Affected versions]:
Firefox 54.0a2 (Build Id:20170307004018)
Firefox 55.0a1 (Build Id:20170307030205)
Firefox 53.0b1 (Build Id:20170307064827)
Firefox 52.0   (Build Id:20170302120751)

[Affected platforms]:
- Windows 
- MacOS
- Linux.

[Steps to reproduce]:
1. Launch Firefox
2. Access the https://www.linkedin.com/ weblink
3. Log in
4. Access the https://www.linkedin.com/learning/executive-leadership/welcome webpage
5. Launch a video.
6. Click anywhere on the seekbar to forward or backward the video
7. Observe that a dotted square appears above the seekbar

[Expected result]:
The seekbar is focused and the dotted square appears around the seekbar.

[Actual result]:
The seekbar is focused but the dotted square appears above the seekbar.

[Regression range]:
This seems not to be a regression since this issue is reproducible on  older builds.
(Reporter)

Comment 1

8 months ago
Created attachment 8845426 [details]
seekbar.gif
platform-rel: --- → ?
Whiteboard: [platform-rel-Linkedin]
Mass wontfix for bugs affecting firefox 52.
status-firefox52: affected → wontfix

Updated

7 months ago
platform-rel: ? → +

Updated

5 months ago
platform-rel: + → -
This isn't a video issue and layout it my best guess.
Component: Audio/Video: Playback → Layout
LinkedIn's style sheet contains the following thing:
> .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total:focus, .mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider:focus {
>     outline: #999 dotted 1px;
> }
which applies to the seek bar.

What is the behavior in other browsers? If they don't have this, is LinkedIn serving them with different style, or they are handling outline differently somehow?

Anyway, this seems to be either a Evangelism bug or INVALID. Does't seem to be a Layout bug.

Updated

3 months ago
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.