New issue
Advanced search Search tips

Issue 824696 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 814177
Owner:
Closed: Mar 2018
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows
Pri: 1
Type: Bug-Regression



Sign in to add a comment

Iframe inside scrollable container bleedthrough.

Reported by jan.pi...@gmail.com, Mar 22 2018

Issue description

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

Steps to reproduce the problem:
1. crate page with following template html
2. point the iframe to some local or www site
3. scroll the scrollable area to see the bleedthrough

-------
<html>
<head>
	<title>iframe scroll issue</title>
</head>
<body style="padding:0;margin:0;font-family: sans-serif;">
	<div style="height: 100vh;width: 100vw;background: #ddd;">
		&nbsp;page BG
	</div>
	<div style="position:absolute;width:50vw;height:70vh;top:15vh;left:25vw;border: 1px solid black;overflow:auto;background: white;">
		<div style="width: 100vw;height: 100px;padding: 10px;background: #cddc39;">
			DIV inside absolutely positioned scrollable pane - all good, overflow works as expected
		</div>
		<p>Now Iframe - position: relative; or transform: scale(1); transform-origin; css break hiding of content overflowing</p>
		<div>
			<iframe style="width: 100vw;height: 300px;position: relative;transform: scale(1);transform-origin: 0px 0px 0px;left:10px;" src="http://localhost"></iframe>
		</div>
		<div style="color: red;margin-top:20px;">
			One have to move the position:relative and transform: scale();transform-origin styles off the iframe to it's parent to fix the overflow!
		</div>
	</div>
</body>
</html>

What is the expected behavior?
content which is scrolled off the visible area should not bleed through ansd should be hidden

What went wrong?
content which is scrolled off the visible is visible

Did this work before? Yes last of official 64 serie

Does this work in other browsers? Yes

Chrome version: 65.0.3325.181  Channel: stable
OS Version: Mint 
Flash Version: no flash
 
chrome65-iframe-issue.html
1.0 KB View Download
Selection_030.png
50.2 KB View Download

Comment 1 by jan.pi...@gmail.com, Mar 22 2018

Workaround: do not add position:relative; nor transform, transform-origin to the iframe element and instead do wrap iframe in container and put those styles there.
Labels: Needs-Bisect Needs-Triage-M65
Components: Blink>Paint
Labels: -Pri-2 -Needs-Bisect ReleaseBlock-Stable Triaged-ET RegressedIn-65 M-65 Target-65 FoundIn-65 hasbisect OS-Windows Pri-1
Owner: schenney@chromium.org
Status: Assigned (was: Unconfirmed)
Able to reproduce the issue on Win-10 and Ubuntu 14.04 using chrome reported version #65.0.3325.181 but the same is not reproducible in the latest canary #67.0.3378.0 and latest beta #66.0.3359.45. Issue is not seen in OS-Mac.

Reverse Bisect Information:
=====================
Good build: 67.0.3367.0
Bad Build : 67.0.3366.0

Change Log URL: 
https://chromium.googlesource.com/chromium/src/+log/95f838f6df160e4acfc83de7aa2f8ee477fa24d0..f5dc74a384d48f1a0929dc056cadae2a0019f8b5

From the above change log suspecting below change
Change-Id: Iae77a367839f8dfccda817a31ab1cc988ecd0436
Reviewed-on: https://chromium-review.googlesource.com/956031

schenney@ - Could you please check and merge the fix to M-65 if it is a valid candidate.
Adding RBS label as it seems to be a recent regression. Please feel free to remove the same if not appropriate.

Thanks...!!
Labels: -ReleaseBlock-Stable
Mergedinto: 814177
Status: Duplicate (was: Assigned)

Sign in to add a comment