[DevTools] fix: hide scrollbar for suspense breadcrumbs

[everettbu]

Mirror of facebook/react#34914
Original author: hoxyq

---

In Chrome, the scrollbar almost takes the whole container size. This is before:

[greptile-apps]

Greptile Overview

Greptile Summary

adds CSS rules to hide scrollbar on .SuspenseBreadcrumbs container in DevTools

• uses -ms-overflow-style: none for IE/Edge and scrollbar-width: none for Firefox
• missing ::-webkit-scrollbar rule for Chrome/Safari/WebKit browsers

Confidence Score: 3/5

• safe to merge after adding WebKit scrollbar hiding rule
• the change correctly hides scrollbars for IE/Edge and Firefox but incomplete for Chrome/Safari, needs ::-webkit-scrollbar pseudo-element
• SuspenseTab.css needs WebKit vendor prefix added

Important Files Changed

File Analysis

Filename	Score	Overview
packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTab.css	3/5	adds scrollbar hiding for suspense breadcrumbs, but missing WebKit vendor prefix

[greptile-apps]

_{1 file reviewed, 1 comment}

_{Edit Code Review Agent Settings | Greptile}

[greptile-apps]

syntax: missing ::-webkit-scrollbar { display: none; } for Chrome/Safari

Suggested change

	-ms-overflow-style: none;
	scrollbar-width: none;
	-ms-overflow-style: none;
	scrollbar-width: none;
	}
	.SuspenseBreadcrumbs::-webkit-scrollbar {
	display: none;

Prompt To Fix With AI

This is a comment left during a code review.
Path: packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTab.css
Line: 130:131

Comment:
**syntax:** missing `::-webkit-scrollbar { display: none; }` for Chrome/Safari

```suggestion
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.SuspenseBreadcrumbs::-webkit-scrollbar {
  display: none;
```

How can I resolve this? If you propose a fix, please make it concise.

[everettbu]

Upstream PR was closed or merged. Code is synced via branch mirror.