Skip to content
This repository was archived by the owner on Sep 30, 2025. It is now read-only.

Commit ded5ccd

Browse files
authored
[TextField] Remove scrollbars with verticalContent (#11270)
### WHY are these changes introduced? Fixes #9061 ### WHAT is this pull request doing? This removes the visible scrollbars in the `TextField` component when using `verticalContent`, which were causing a less than ideal visual appearance. The solution used was to change `overflow: scroll` to `overflow: auto` so that scrollbars only display when needed. <details> <summary>Before</summary> <img src="https://screenshot.click/01-12-xarq1-p4nx8.png"> </details> <details> <summary>After</summary> <img src="https://screenshot.click/01-11-kg4v2-7qb6a.png"> </details>
1 parent f8f37e1 commit ded5ccd

File tree

2 files changed

+6
-1
lines changed

2 files changed

+6
-1
lines changed

.changeset/fifty-chicken-lay.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@shopify/polaris': patch
3+
---
4+
5+
Remove scrollbars from TextField vertical content

polaris-react/src/components/TextField/TextField.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -343,7 +343,7 @@ $spinner-icon-size: 12px;
343343
color: var(--p-color-text-secondary);
344344
padding: var(--p-space-200) var(--p-space-200) 0 var(--p-space-200);
345345
max-height: 140px;
346-
overflow: scroll;
346+
overflow: auto;
347347
border: var(--p-border-width-025) solid transparent;
348348
width: 100%;
349349

0 commit comments

Comments
 (0)