Closed Bug 1690158 Opened 25 days ago Closed 10 days ago

Create webkit-scrollbar intervention for slack

Categories

(Web Compatibility :: Interventions, task)

Firefox 87

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: karlcow, Assigned: denschub)

References

Details

  1. Configure your OS to always show the scrollbar
  2. Access an instance of slack on Firefox Nightly 87
  3. Click on Add Emoji

Expected:
One scrollbar for the emoji

Actual:
Show multiple scrollbars on firefox.

They use

.supports_custom_scrollbar .p-emoji_picker__list_scroller::-webkit-scrollbar {
position: absolute;
-webkit-appearance: none;
width: 8px;
}

One thing to note here that the second (inner) scrollbar becomes visible in Chrome on hover. So maybe we could set scrollbar-width: none; by default and scrollbar-width:thin; on hover to make it look similar.

Blocks: 1688792
Status: NEW → RESOLVED
Closed: 10 days ago
Resolution: --- → FIXED
Assignee: nobody → dschubert
You need to log in before you can comment on or make changes to this bug.