Note about layout.css.scrollbar-width-thin.disabled:
In the case where the pref is false (default),
```
.scrollabler { scrollbar-wdith: thin; }
.scrollable::-webkit-scrollbar { display: none; }
```
does NOT hide the scrollbars just like what Chrome does.
In the case where the pref is true,
```
.scrollabler { scrollbar-wdith: thin; }
.scrollable::-webkit-scrollbar { display: none; }
```
does NOT hide the scrollbars either, the width of scrollbar is rendered
as if it's 'auto`.
Differential Revision: https://phabricator.services.mozilla.com/D286183
18 lines
294 B
HTML
18 lines
294 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
.scrollable {
|
|
overflow: scroll;
|
|
height: 100px;
|
|
width: 100px;
|
|
border: 2px solid black;
|
|
scrollbar-width: auto;
|
|
}
|
|
.scrollable::before {
|
|
display: block;
|
|
content: "overflowing content";
|
|
height: 300px;
|
|
width: 300px;
|
|
}
|
|
</style>
|
|
<div class="scrollable"></div>
|