Closed Bug 1690158 Opened 4 months ago Closed 4 months 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

Attachments

(1 file)

  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: 4 months ago
Resolution: --- → FIXED
Assignee: nobody → dschubert
See Also: → 1710997
You need to log in before you can comment on or make changes to this bug.