[Bug]: Fluent dropdown item is read out twice by narrator

[JamesBurnside]

Package

react

Package version

LTS (repros on https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown)

React version

LTS (repros on https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown)

Environment

https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown

Current Behavior

Narrator sometimes reads out the combobox selection twice.

Observe:

• Narrator reads out the selection twice

See recording. The first time I try everything is A-OK. The second time the issue repros.

It reads: "Fruits Group Apple 1 of 7 Selected Apple 1 of 7 Selected"
Notice: "Apple 1 of 7 Selected" is read out twice.

We have had bug filed on us on both on windows narrator and safari voice over.

narrator-fluent-double-read-out.mp4

Expected Behavior

It should only read it out once

Reproduction

https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown

Steps to reproduce

• Turn on narrator
• Navigate to combobox
• Hit enter to open combobox

Are you reporting an Accessibility issue?

yes

Suggested severity

Urgent - No workaround and Products/sites are affected

Products/sites affected

Out customers using https://azure.github.io/communication-ui-library/

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[JamesBurnside]

This issue has been filled similarly a couple times before:

• Narrator announces drop-down item information twice in ComboBox Input text field #13772
• VoiceOver dropdown announces option items text twice #9885
• Narrator reads list items twice when there are two columns/divs per item #18630