Issue metadata
Sign in to add a comment
|
Injected element bleeds out of flex container and body
Reported by
char...@lixar.com,
Jul 8 2016
|
||||||||||||||||||||||||
Issue description
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36
Example URL:
Steps to reproduce the problem:
Serve the following from the filesystem, then click the button:
<html>
<head>
<style>
html {
height: 100%;
}
body {
min-height:100%;
outline: 5px solid orange;
}
#app-container, .uof-page, .timeline-container {
display: flex;
flex-flow: column;
flex: 1;
min-height: 100%;
}
</style>
</head>
<body>
<button id="btn">Click me to add tall element</button>
<div id="app-container">
<div class="uof-page">
<div class="timeline-container">
<div class="mdl-grid discussion-thread">
<div class="discussion-messages">
Some initial content
</div>
</div>
</div>
</div>
</div>
</body>
<script>
document.querySelector('#btn').addEventListener('click', function() {
var x = document.querySelector('.discussion-messages');
x.innerHTML += '<p style="height:2000px;outline:1px solid red;">Foo</p>';
});
</script>
</html>
What is the expected behavior?
In other browsers, the body element will extend to accommodate the injected element.
What went wrong?
The injected element will bleed past both its container and even the body.
Does it occur on multiple sites: N/A
Is it a problem with a plugin? N/A
Did this work before? N/A
Does this work in other browsers? N/A
Chrome version: 51.0.2704.106 Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 22.0 r0
,
Jul 12 2016
I had to break the screen shot up into 2 so I can fully demonstrate the behaviour. screen1.png shows the page right after I have injected an element into the .discussion-messages div. screen2.png shows how the injected element extends past the body element. Note someone else was not able to reproduce on the same version of Chrome on Windows 7. Is it possible it could be an OS or an extensions issue? Thanks, Chris
,
Jul 12 2016
Thank you for providing more feedback. Adding requester "msrchandra@chromium.org" for another review and adding "Needs-Review" label for tracking. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jul 14 2016
Verified the issue on Windows, Mac and Linux and able to reproduce the issue. This is a Regression Issue broken in M46. Chrome Good Build -- 46.0.2474.0. Chrome Bad Build -- 46.0.2475.0. Below are the CL details -- CHANGELOG URL: https://chromium.googlesource.com/chromium/src/+log/81d49526d67b9a8c8de98abd44540d917333de36..73d89890e2f6e7bf36c0bfe7294c2d1c1f867e89 Could some one please look into the issue and update. Note: Ran Blink Bisect but the tool provided all bad builds, so providing only normal bisect details. Thank You.
,
Jul 14 2016
,
Jul 14 2016
Not immediately sure why body doesn't extent further, but FYI this only happens in quirks mode
,
Jul 14 2016
oh, this is just bug 596743 , with a touch of the not-really-a-bug 531783 I would suggest not using quirks mode. |
|||||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||||
Comment 1 by msrchandra@chromium.org
, Jul 12 2016Labels: Needs-Feedback