chore(Select): hide chevron icon from screen readers

domihustinova · domihustinova · commit 1eead841f422 · 2025-04-02T16:15:47.000+02:00
diff --git a/packages/orbit-components/src/Select/index.tsx b/packages/orbit-components/src/Select/index.tsx
@@ -218,7 +218,7 @@ const Select = React.forwardRef<HTMLSelectElement, Props>((props, ref) => {
                 : "text-form-element-filled-foreground",
             )}
           >
-            <ChevronDown color="secondary" />
+            <ChevronDown color="secondary" ariaHidden />
           </div>
           <FakeInput disabled={disabled} error={error} />
         </div>

Original file line number	Diff line number	Diff line change
`@@ -218,7 +218,7 @@ const Select = React.forwardRef<HTMLSelectElement, Props>((props, ref) => {`
`218`	`218`	`: "text-form-element-filled-foreground",`
`219`	`219`	`)}`
`220`	`220`	`>`
`221`		`- <ChevronDown color="secondary" />`
	`221`	`+ <ChevronDown color="secondary" ariaHidden />`
`222`	`222`	`</div>`
`223`	`223`	`<FakeInput disabled={disabled} error={error} />`
`224`	`224`	`</div>`