New issue
Advanced search Search tips

Issue 752658 link

Starred by 3 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android , Windows
Pri: 2
Type: Bug-Regression

Blocking:
issue 771379



Sign in to add a comment

Video Controls Have Odd Dimensions When Using transform: scale(...)

Reported by imdashiz...@gmail.com, Aug 4 2017

Issue description

UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.90 Safari/537.36

Steps to reproduce the problem:
1. Visit https://fiddle.jshell.net/38ah9tzt/1/
2. Alter browser width so that the entire video fits in the page, but just barely.
3. Click the "Alter transform" button and watch the sizing of the video controls change.

What is the expected behavior?
Video control bar has the same width as the video, unless hitting the end of the browser window.

What went wrong?
Detection for the width of the controls seems to be decided based on the original width of the video (but any offset caused by transform-origin will affect it).

Did this work before? Yes 55

Does this work in other browsers? Yes

Chrome version: 60.0.3112.90  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 26.0 r0

Occurs in Chrome 56+ on Windows 7 and Windows 10, as well as the latest Chrome for Android.

Firefox, Safari, and IE11 handle video controls differently, and seem to experience no issues.
 
Components: Blink>Media>Controls
Labels: OS-Android
Status: Untriaged (was: Unconfirmed)
Summary: Video Controls Have Odd Dimensions When Using transform: scale(...) (was: Video Controls Have Odd Dimensions When Using Transform="Scale")
Labels: Needs-Triage-M60

Comment 3 by shend@chromium.org, Aug 7 2017

Cc: shend@chromium.org
Components: -Blink>CSS
phistuck, looks like this is more of a media controls issue? To make responsibility clearer, I'm removing the Blink>CSS component. Please add it back if this is a CSS issue or when you need action from the style team. Thanks!
Owner: beccahughes@chromium.org
Status: Assigned (was: Untriaged)
Becca, do you want to take this?
Yes I will catch this as part of the media controls work
Cc: mlamouri@chromium.org
Labels: Needs-Feedback
Do you have a screenshot that would help understand the bug. It seems to be working fine here using Chrome 64.
Attached is a screenshot from each scale value in the fiddle, running Chrome 62.

Remember that the window size is a key factor, here, and things will function normally in the fiddle with enough window width is available. The bug is more noticeable as my browser's width decreases.
scale_point32.png
60.8 KB View Download
scale_point42.png
99 KB View Download
scale_point56.png
165 KB View Download
scale_point75.png
275 KB View Download
scale1.png
451 KB View Download
Cc: beccahughes@chromium.org
Owner: steimel@chromium.org
Assigning to steimel@ who looked at similar issues in the past.

Comment 9 by shend@chromium.org, Nov 7 2017

Cc: -shend@chromium.org
Blocking: 771379

Sign in to add a comment