fix(ui): attach aria-label and aria-labelledby props to Select component
The Select component was accepting aria-label and aria-labelledby props but not forwarding them to the underlying AriaSelect element, making them ineffective for accessibility. This fix ensures these props are properly attached to the rendered element. 🤖 Generated with [Claude Code](https://claude.ai/code) Signed-off-by: MT Lewis <mtlewis@users.noreply.github.com> Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,5 @@
|
||||
---
|
||||
'@backstage/ui': patch
|
||||
---
|
||||
|
||||
Fix Select component to properly attach aria-label and aria-labelledby props to the rendered element for improved accessibility.
|
||||
@@ -70,6 +70,8 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>((props, ref) => {
|
||||
className={clsx(classNames.root, className)}
|
||||
{...dataAttributes}
|
||||
ref={ref}
|
||||
aria-label={ariaLabel}
|
||||
aria-labelledby={ariaLabelledBy}
|
||||
{...rest}
|
||||
>
|
||||
<FieldLabel
|
||||
|
||||
Reference in New Issue
Block a user