Scrolling issues in preview pane when rendering into HTML
Reported by
nishanth...@gmail.com,
Jun 30 2018
|
||||
Issue description
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36
Steps to reproduce the problem:
1. In the Network panel of the Chrome DevTools, with the filter request type set to All/XHR, under the Preview pane scrollbar doesn't rolls
2. DevTools - inspect in inspect .html-preview-frame has a pointer-events property set to none. Disabling or setting the pointer-events property to auto the scrolling function resumes until you refresh the page or switching into another file.
3. From the nested inspects, by using a locale override from the
Sources panel >> Page >> network/requestHTMLView.css with content as
iframe.html-preview-frame {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
flex-grow: 1;
margin: 20px;
pointer-events: auto;
}
What is the expected behavior?
But the problem that was faced was each time, if we refresh or switch to another file it'll remain persistent. Is there any workaround to fix this issue permanently either through by defining our own custom CSS file or by defining our own JavaScript functions and then embedding it to HTML file.
Finally, the solution should be such that even though after refreshing or switching to another file scrolling function should work!
What went wrong?
Preview pane scrollbar doesn't scroll
Did this work before? No
Chrome version: 67.0.3396.99 Channel: stable
OS Version: 16.04
Flash Version:
As Kayce Basques, Technical Writer for Chrome DevTools told it was a bug
https://stackoverflow.com/q/51094360/77138
,
Jun 30 2018
Especially thanking to woxxom and Kayce Basques, Technical Writer for Chrome DevTools. Awaiting for the Official fix from your side...
,
Jun 30 2018
Here you can find the detailed issue with this bug: https://stackoverflow.com/q/51094360/77138
,
Jul 1
,
Jul 9
The preview of HTML is just meant to be a preview. It's deliberately not scrollable. Like woxxom said, a custom devtools theme is the best solution here if you'd like to hack devtools' appearance. Thanks for all the detail in the bug report.
,
Jul 12
We use the 'Scrolling Feature' in the HTML preview pane *ALL THE TIME*. It has been a great INCONVENIENCE for our DEV team to do without this feature, that used to be there. We beg you to please make it a default to allow SCROLLING, ie: set "pointer-events: auto;" in "iframe.html-preview-frame" same as in the issue description
,
Jul 16
Why on earth won't you fix this exceptionally irritating bug? A simple CSS fix is all that is required yet you set this to `WontFix`. Narcissistic developers.
,
Jul 16
> Why on earth won't you fix this exceptionally irritating bug? A simple CSS fix is all that is required yet you set this to `WontFix`. > Narcissistic developers. Alright, you've convinced me. Your argument was truly compelling. Fixed in https://chromium.googlesource.com/chromium/src/+/122037b2541bf0932fd6fbcb29a98d487525c4ec |
||||
►
Sign in to add a comment |
||||
Comment 1 by nishanth...@gmail.com
, Jun 30 2018