Issue metadata
Sign in to add a comment
|
Inconsistent behavior scrollbar styling
Reported by
patrick....@outlook.com,
Oct 19
|
||||||||||||||||||||||||
Issue description
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36
Steps to reproduce the problem:
1. external stylesheet: scrollbar styles cleared.
2. internal stylesheet: scrollbar visible and styling appears to be unchanged.
1. external
index.html:
<html>
<head>
<link rel="stylesheet" href="test.css" />
<title>
HTML Document
</title>
</head>
<body>
<p>scrollbar test</p>
<div id="overflow"></div>
</body>
</html>
test.css:
body{
overflow: scroll;
}
#overflow {
height: 4000px;
width: 4000px;
}
body::-webkit-scrollbar {
}
2. internal
<html>
<head>
<style>
body{
overflow: scroll;
}
#overflow {
height: 4000px;
width: 4000px;
}
body::-webkit-scrollbar {
}
</style>
<title>
HTML Document
</title>
</head>
<body>
<p>scrollbar test</p>
<div id="overflow"></div>
</body>
</html>
What is the expected behavior?
scrollbar visible and styling unchanged using internal or external stylesheets.
What went wrong?
using selector "body::-webkit-scrollbar" will clear default styling scrollbar even if if it contains no declarations (external stylesheet).
The problem here is inconsistent behavior.
Did this work before? N/A
Does this work in other browsers? Yes
Chrome version: 70.0.3538.67 Channel: stable
OS Version: 10.0
Flash Version:
,
Oct 19
|
|||||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||||
Comment 1 by patrick....@outlook.com
, Oct 19