www.tiktok.com - The scrollbar for "Suggested accounts" is displayed thickened

[webcompat-bot]

URL: https://www.tiktok.com/@mozilla

Browser / Version: Firefox 96.0 Operating System: Windows 10 Tested Another Browser: Yes Chrome

Problem type: Design is broken Description: Items not fully visible Steps to Reproduce: Scrollbar on left sidebar is not present in other browsers, only Firefox

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-raul-bucata]

We appreciate your report. I was able to reproduce the issue. The scrollbar is displayed differently:

Tested with:

Browser / Version: Firefox Nightly 96.0a1 (2021-11-15) (64-bit)/ Chrome Version 96.0.4664.45 (Official Build) (64-bit) Operating System: Windows 10 PRO x64

Notes:

1. Reproducible regardless of the status of ETP
2. Reproducible on the latest build of Firefox Nightly
3. Works as expected using Chrome:

Moving this to NeedsDiagnosis for further investigations.

[ksy36]

The default scrollbar is hidden in Chrome because webkit-specific rule is used (-webkit-scrollbar ) is used and it's not supported in Firefox and it's non-standard:

.scroll-container.jsx-597607045::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

To make it hidden adding scrollbar-width: none; to the above css class would work. We can try to contact tiktok regarding this.

[webcompat-bot]

Generate outreach template