2014011 - Handle display:none in ::-webkit-scrollbar gracefully with non-zero width/height

Status: NEW

(Core :: Layout: Scrolling and Overflow, enhancement, P3)

Description

[Hiroyuki Ikezoe (:hiro)]

In bug 1977511, we are going to disable overlay scrollbars if there's non-zero width/height in ::-webkit-scrollbar.

As of now my implementation for bug 1977511 doesn't handle if there's display: none style in the pseudo element selector such as

.scrollable::-webkit-scrollbar {
  width: 10px;
  display: none;
}

in this case we are going to disable overlay scrollbars thus the scrollbars are visible, rather then hiding it.

Fortunately with scrollbar-width: none such as

.scrollable {
  scrollbar-width: none;
}
.scrollable::-webkit-scrollbar {
  width: 10px;
  display: none;
}

The scrollbars are never visible.

So, I hope display: none with non-zero width/height is kinda edge case.