Multiple options with the same aria-label
francescovenica opened this issue · comments
Describe the bug
When using range and 2 month the left month contains a few day of the next month (1st,2nd,3rd, and other based on the month), this create issues when testing (and probably with screen reader) as doing something like:
await page.getByLabel(`Choose ${todayPlusMonthFormatted}`, { exact: true }).click();
will fail because it find 2 options.
Here a codesendbox
Expected behavior
The hidden option shouldn't have the aria-label or should be disabled
Screenshots
![Screenshot 2024-04-11 at 08 19 40](https://private-user-images.githubusercontent.com/30143154/321536693-dabddd98-0ca8-4f08-9635-38b5b2911d3c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg4MTkyMzEsIm5iZiI6MTcxODgxODkzMSwicGF0aCI6Ii8zMDE0MzE1NC8zMjE1MzY2OTMtZGFiZGRkOTgtMGNhOC00ZjA4LTk2MzUtMzhiNWIyOTExZDNjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjE5VDE3NDIxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWUyODgzOGMzMDUxYmVjMmMzNDM5MzVlNzkwZjhiOWU2MDU2NzE3YjQ0MjNlZDQ5NjgxODExN2Y2N2MwMDNiMTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Nw1obReFCltwwEazVv9X_YCNwGusPTe6ttohPHlih3E)