HTML5 details not scrolling properly
Reported by
jabin...@gmail.com,
Jun 25 2016
|
|||||||||
Issue description
Chrome Version : 51.0.2704.106 m
Other browsers tested:
Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
Safari: OK
Firefox: OK
IE: OK
What steps will reproduce the problem?
(1) html 1:
<!DOCTYPE html>
<html>
<style>
iframe{
display:block;
margin: auto;
height: 20vw;
width:100%;
overflow: visible;
}
html, body {
overflow:visible;
}
</style>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<details>
<summary>Click me three times</summary>
<iframe src="Chrome2.html" frameborder="0" scrolling="yes"></iframe>
</details>
</body>
(2) html2:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
Place a large, scrollable volume of anything here, for instance http://www.gutenberg.org/files/8799/8799-h/8799-h.htm#link23
</body>
(3) Run the website and try to open the details more than once
What is the expected result?
Vertical scroll will appear on first detail expansion, but not on subsequent expansions.
What happens instead?
Please provide any additional information below. Attach a screenshot if
possible.
,
Jun 30 2016
Tested the issue on Windows 7, Mac 10.11.5, Ubuntu 14.04 using 51.0.2704.106, latest canary 53.0.2783.2 with below steps: 1.Opened given html code in chrome. 2.Clicked on 'click me three times'. 3.Expanded with error 'The file or directory could not be found.' Please find attached screencast. jabinkle@Could you please provide another sample working html file for further triaging the issue.
,
Jun 30 2016
Sure thing, I have attached two such files below. Just put them both in the same folder and open Chrome1.html - the scrollbar will only show up on the first expansion of the details block
,
Jun 30 2016
Thank you for providing more feedback. Adding requester "ssamanoori@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
,
Jun 30 2016
Can reproduce; but this is a layout component issue.
,
Jun 30 2016
,
Jun 30 2016
I'm not sure what that means - the code works on all other browsers - can you recommend a change to get it to work in Chrome?
,
Jun 30 2016
Re comment #7, I presume you're asking about "layout component issue". The Chrome team agrees it's a bug. Comment #5 is just a reference to which part of Chrome is misbehaving, and which team should look at the bug. No further action is necessary on your part at this time. Maybe someone on Layout can recommend a workaround for you.
,
Jun 30 2016
,
Jul 1 2016
A workaround would be extremely helpful, thanks!
,
Jul 6 2016
Given how much you love scrollbar bugs, would you mind taking a look at this szager?
,
Jul 7 2017
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. If you change it back, also remove the "Hotlist-Recharge-Cold" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jul 10 2017
Now works as expected. Thanks for the detailed report! |
|||||||||
►
Sign in to add a comment |
|||||||||
Comment 1 by jabin...@gmail.com
, Jun 25 2016