New issue
Advanced search Search tips

Issue 595457 link

Starred by 0 users
Status: Available
Owner: ----
Cc:
szager@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 3
Type: Bug



Sign in to add a comment

Horizontal padding (greater than 50%) causes vertical overflow

Reported by bolvarit...@gmail.com, Mar 16 2016 
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36

Steps to reproduce the problem:
1. http://www.bolvari.hu/public/so36040958.html
2. Enable device mode (F12, then CTRL+Shift+M)
3. Conirfm that the document is taller than the viewport, even if it shouldn't be. (You are able to scroll down, even if there is no content to vertically overflow.)
4. Play with the div's horizontal padding: the greater it is, the taller the document becomes.

What is the expected behavior?
No vertical overflow.

What went wrong?
I can scroll down even if I should not be able to.

Did this work before? N/A 

Chrome version: 49.0.2623.87  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 21.0 r0

http://stackoverflow.com/questions/36040958/why-does-horizontal-padding-affect-vertical-overflow

Current content of the link above:

"Update: it seems to be a bug, as it happens only in Chrome for Android and Chrome DevTools device mode.

The code below causes vertical overflow on mobile devices, as long as the horizontal padding is greater than 50%. Online demo. Why does this happen?

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>

    div
    {
        background:red;
        height:200px;
        padding:0 55%;
    }

</style>
</head>
<body>
<div></div>
</body>
</html>

Test #1 - 49.0.2623.87 m (64-bit) Chrome DevTools on Win 10 Pro: CONFIRMED.

Test #2 - Chrome 49.0.2623.91 on Samsung Galaxy S4 running Android 5.0.1: CONFIRMED.

Test #3 - Android Browser on Samsung Galaxy S4 running Android 5.0.1: disconfirmed.

Test #4 - Firefox 45.0 on Samsung Galaxy S4 running Android 5.0.1: disconfirmed.   

Test #5 - Opera Mini 15.0.2125.101257 on Samsung Galaxy S4 running Android 5.0.1: disconfirmed. 

Test #6 - Opera 35.0.2070.100283 on Samsung Galaxy S4 running Android 5.0.1: disconfirmed.

Test #7 - Safari (no version info) on iPhone 4(S?) running iOS (no version info): disconfirmed."

Comment 1 by caseq@chromium.org, Mar 17 2016

Components: -Platform>DevTools Blink>Layout
Labels: -OS-Windows OS-All
Status: Available (was: Unconfirmed)
Removing DevTools component as this also reproduces on an actual mobile without emulation.

Comment 2 by bolvarit...@gmail.com, Mar 17 2016 

True, sorry.
Project Member

Comment 3 by sheriffbot@chromium.org, Mar 17 2017

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been available for more than 365 days, and should be re-evaluated. Please re-triage this issue.
The Hotlist-Recharge-Cold label is applied for tracking purposes, and should not be removed after re-triaging the issue.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 4 by e...@chromium.org, Mar 21 2017

Cc: szager@chromium.org
Status: Available (was: Untriaged)
Project Member

Comment 5 by sheriffbot@chromium.org, Apr 16 2018

Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 6 by e...@chromium.org, Apr 18 2018

Labels: -Pri-2 Pri-3
Status: Available (was: Untriaged)
►

Sign in to add a comment