New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 897555 link

Starred by 2 users

Issue metadata

Status: Untriaged
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: Bug



Sign in to add a comment

banner above the video is in chaos after close the PIP window

Reported by 409694...@qq.com, Oct 22

Issue description

Steps to reproduce the problem:
1.Launch chrome, Navigate to the above URL.
2.Play a video in full screen
3.Simply select the home button and the video player will be playing in PIP window
4.close the PIP window
5.open chrome---->The banner above the video is in chaos

What is the expected behavior?

What went wrong?
The banner above the video is in chaos

Did this work before? N/A 

Chrome version: 70.0.3538.4  Channel: n/a
OS Version: 9.0.0
Flash Version: Shockwave Flash 27.0 r0
 
Test URL: https://sv.baidu.com

Labels: Needs-triage-Mobile
Mobile:HUAWEI mate10
OS:Android 9.0
Chrome version: 70.0.3538.4
sorry ,I cannot upload the image.
Can you  reproduce the problem ?
when I am playing the vedio on  webpage ,check the source code of the webpage 
These are codes about sliding advertising strips.translate3d :X-offset = 360px
<div class="rmb-carousel-wrapper">
	<ul class="rmb-carousel-scroller new-style" style="transition: all 0.3s ease; transform: translate3d(-720px, 0px, 0px);">
		<li class="rmb-carousel-item" data-index="3" style="display: list-item; transition: all 0s ease; transform: translate3d(-360px, 0px, 0px);">...</li>
		<li class="rmb-carousel-item" data-index="0" style="display: list-item; transition: all 0s ease; transform: translate3d(0px, 0px, 0px);">...</li>
		<li class="rmb-carousel-item" data-index="1" style="display: list-item; transition: all 0s ease; transform: translate3d(360px, 0px, 0px);">...</li>
		.
		.
		.

playing in fullscreen :	X-offset = 720px
<div class="rmb-carousel-wrapper">
	<ul class="rmb-carousel-scroller new-style" style="transition: all 0.3s ease; transform: translate3d(-1920px, 0px, 0px);">
		<li class="rmb-carousel-item" data-index="3" style="display: list-item; transition: all 0s ease; transform: translate3d(-640px, 0px, 0px);">...</li>
		<li class="rmb-carousel-item" data-index="0" style="display: list-item; transition: all 0s ease; transform: translate3d(0px, 0px, 0px);">...</li>
		<li class="rmb-carousel-item" data-index="1" style="display: list-item; transition: all 0s ease; transform: translate3d(640px, 0px, 0px);">...</li>
		.
		.
		.
		
playing in PIP window :	X-offset = 192px		
<div class="rmb-carousel-wrapper">
	<ul class="rmb-carousel-scroller new-style" style="transition: all 0.3s ease; transform: translate3d(-192px, 0px, 0px);">
		<li class="rmb-carousel-item" data-index="3" style="display: list-item; transition: all 0s ease; transform: translate3d(-192px, 0px, 0px);">...</li>
		<li class="rmb-carousel-item" data-index="0" style="display: list-item; transition: all 0s ease; transform: translate3d(0px, 0px, 0px);">...</li>
		<li class="rmb-carousel-item" data-index="1" style="display: list-item; transition: all 0s ease; transform: translate3d(192px, 0px, 0px);">...</li>
		.
		.
		.

.Then I close the PIP window with the Close button 
.Open chrome ,the vedio will be playing on  webpage
However:X-offset = 192px   ---->  The banner above the video is in chaos
<div class="rmb-carousel-wrapper">
	<ul class="rmb-carousel-scroller new-style" style="transition: all 0.3s ease; transform: translate3d(-192px, 0px, 0px);">
		<li class="rmb-carousel-item" data-index="3" style="display: list-item; transition: all 0s ease; transform: translate3d(-192px, 0px, 0px);">...</li>
		<li class="rmb-carousel-item" data-index="0" style="display: list-item; transition: all 0s ease; transform: translate3d(0px, 0px, 0px);">...</li>
		<li class="rmb-carousel-item" data-index="1" style="display: list-item; transition: all 0s ease; transform: translate3d(192px, 0px, 0px);">...</li>
		.
		.
		.
The advertisement bar above the video uses the translate3d timing offset(the length of the video area is specified),
 when playing the video using the mate10 webpage ,the x-offset = 360px ,
 when playing the full screen, the x-offset = 640px 
and when playing in PIP window, x-offset =192px; 
but after I closed the PIP window directly, open the browser again, the x-offset should be 360px, but the value obtained is still 192px; thus the advertisement bars seem to overlap;
Is this website problem ?
It should be like this,this web page changes the value of x-offset (x-offset = window.innerWidth) by listening to window changes (window.onresize()), but when the PIP window is closed directly, this notification  is not triggered, so that the value of x-offset is not changed.
Cc: chelamcherla@chromium.org
Components: -UI Blink>Media>PictureInPicture
Labels: Target-70 Target-71 Target-72 M-72 Triaged-Mobile FoundIn-71 FoundIn-70 FoundIn-72
Status: Untriaged (was: Unconfirmed)
Tested the issue in Android and able to reproduce the issue. 

Steps Followed:
1. Navigated to https://sv.baidu.com , played video in fullscreen
2. selected the home button and the video is playing in PIP window
3. Closed the PIP window
4. opened chrome --- Observing overlapping of content in bannerThe banner 

Chrome versions tested:
60.0.3112.113 , 70.0.3538.64 , 72.0.3589.0

OS:
Android 9.0.0

Android Devices:
Pixel 2 XL

Issue is seen in from older M-60 builds, hence considering this issue as Non-Regression and marking as Untriaged.

Please navigate to below link for log's  --
go/chrome-androidlogs/897555

Thanks!

Cc: -chelamcherla@chromium.org sindhu.chelamcherla@chromium.org peconn@chromium.org
When will this issue be handled ?
peconn@ Does comment #6 ring a bell?

Comment 11 Deleted

When you reopen Chrome, isn't window.onload() called? Can't you resize the ad banner there?
 https://sv.baidu.com  ---->  this page resize the ad banner by window.onResize()
and this page is not developed by us.
I just found this  bug

Sign in to add a comment