New issue
Advanced search Search tips

Issue 882225 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner:
Closed: Sep 10
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 1
Type: Bug-Regression



Sign in to add a comment

Max z-index Not Honored When YouTube iframe Player Goes Full Screen

Reported by prestonc...@gmail.com, Sep 9

Issue description

UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.81 Safari/537.36

Example URL:
https://jsfiddle.net/50vq8rw7/1/

Steps to reproduce the problem:
1. Set z-index div to max and add some text.
2. Load up example YouTube iframe api.
3. Click YouTube player's full screen button.

What is the expected behavior?
Test text should still be visible above YouTube iframe api because of z-index setting.

What went wrong?
Test text is not visible.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? Yes 68

Does this work in other browsers? Yes

Chrome version: 69.0.3497.81  Channel: stable
OS Version: Linux Mint 18.3 Sylvia
Flash Version:
 
Labels: Needs-Triage-M69 Needs-Bisect
Cc: phanindra.mandapaka@chromium.org
Components: Blink>Input
Labels: -Pri-2 -Type-Compat -Needs-Bisect hasbisect-per-revision ReleaseBlock-Stable Triaged-ET M-69 Target-70 Target-71 RegressedIn-69 FoundIn-71 FoundIn-70 Target-69 FoundIn-69 OS-Mac OS-Windows Pri-1 Type-Bug-Regression
Owner: dtapu...@chromium.org
Status: Assigned (was: Unconfirmed)
Able to reproduce issue on reported chrome version 69.0.3497.81 & on latest chrome 71.0.3548.0 using Windows 10,Ubuntu 14.04 and Mac 10.13.6. Hence providing bisect information below.

Bisect Info:
================
Good build: 69.0.3446.0
Bad build:  69.0.3447.0

CHANGELOG URL:
https://chromium.googlesource.com/chromium/src/+log/fbf576282bc9b2281a6a2299883ef910c5d71e70..14eeb1d5b6369a4fefa57973bf6b646469f72e35

suspect: https://chromium.googlesource.com/chromium/src/+/14eeb1d5b6369a4fefa57973bf6b646469f72e35
Reviewed-on: https://chromium-review.googlesource.com/1066600

@Dave Tapuska: Please confirm the issue and help in re-assigning if it is not related to your change. Adding 'Release Block-Stable' label as this is a recent regression. Please feel free to remove if this is not applicable.

Thanks!
Components: -Blink>Input Blink>Fullscreen
Status: WontFix (was: Assigned)
The code does not work in Edge or Firefox either. The example code was taking advantage of a design for fullscreen that modified the existing layout instead of using the top layer design. This regression is anticipated and in fact fixes a number of other issues.

Thanks for looking into this! Glad this actually fixed many other things.

What is the proper way to display div text above the YouTube iframe player
when in full screen?
Labels: -ReleaseBlock-Stable
You could:
1) Use an extension to modified the youtube iframe.
2) Overlay something over the iframe to prevent the user from clicking the iframe fullscreening and request fullscreen on a div just above the iframe. 

I'm not sure on your use case but there are different things that you can explore that would work in other browsers as well.

Sign in to add a comment