💰 1 USDT Bounty - "bug(MatSelect): MatOptionGroup template bug with.."

PomeloBounties commented 7 months ago

Bounty

bug(MatSelect): MatOptionGroup template bug with new @If Control-Flow created by @SoA432 on Pomelo Bounties

Summary

Hire a developer to solve a bug in MatSelect with MatOptionGroup template using the new @If Control-Flow. The developer should be able to reproduce the issue and create a fix that resolves the inconsistency between @if and ngIf. The developer should have experience with Angular 17.0.4, CDK/Material 17.0.1, Chrome, and Windows 11 Operating System.*

Apply

https://bounties.pomelo.io/d42be2c44cb4

Original Issue

https://github.com/angular/components/issues/28230

Title

bug(mat-select): aria-owns and modal accessibility issue.

Body

Is this a regression?

[ ] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

When using a mat-select inside of a dialog the select applies the aria-owns attribute to the aria-modal="true" element when the select panel is opened. After a selection is made, a critical accessibility issue in axeDevTools v 4.8.2 with error "Ensures all ARIA attributes have valid values" appears. This is due to the previously applied aria-owns id no longer existing on the dom after a selection is made. The aria-owns attribute is only removed from the modal on destroy of the select.

Reproduction

StackBlitz link: https://stackblitz.com/edit/components-issue-mxpfyf?file=src%2Fapp%2Fexample-component.html Steps to reproduce:

Open the modal.
Select an option
Scan with axeDevTools or inspect dom to see aria-owns still exists on mat-dialog-container

Expected Behavior

The aria-owns label is removed from mat-dialog-container when the select panel is closed.

Actual Behavior

The aria-owns label is only removed on destroy of the select.

Environment

Angular: 16.2
CDK/Material: 16.2
Browser(s): chrome/edge
Operating System (e.g. Windows, macOS, Ubuntu): windows

Base Reward

1.0000 USDT

Note

For technical discussion use the original issue. This issue is for tracking the bounty application and implementation progress.

PomeloBounties commented 7 months ago

Bounty received funding. Current reward is at 0.0834 USDT

PomeloBounties commented 7 months ago

Bounty closed by the funder

PomeloBounties commented 7 months ago

Bounty funds withdrawn by the funder

pomelo-io / bounties-issues-dev