Narrator reads list items twice when there are two columns/divs per item

[beark]

Environment Information

• Package version(s): 8.20.0
• Browser and OS versions: Windows 10, Edge 91.0.864.48

Describe the issue:

When an item in a List has two simple text divs, Narrator will read the text of the later one twice. Remove the first div, and the issue no longer reproduces. It might also only occur for items that are visible on load, ones below the scroll line seem to only be read once.

This is with scan mode off. Also note that it sometimes does not repro if you click your way into the list, but always if you tab into it.

Please provide a reproduction of the issue in a codepen:

https://codepen.io/msbjaili/pen/ExmzPZN

Actual behavior:

'Hello there' and the other texts get read twice as you tab between them.

Expected behavior:

The texts should only be read once.

[gouttierre]

@beark -Thanks for filing this, but you’ll need to add a CodePen repro before we can help. We understand that creating a CodePen account is not the best option for all users. Unfortunately, it is a prerequisite for filing issues. If we allow one exception, we would have to do it for the rest of the folks as well. Thank you for your understanding.

[msft-fluent-ui-bot]

This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. Thank you for your contributions to Fluent UI!

[beark]

Created a code pen. Would really love if there was an option to submit issues without having to create gratuitous accounts in the future!

[msft-fluent-ui-bot]

@miroslavstastny

Gentle ping that this issue needs attention.

[msft-fluent-ui-bot]

Because this issue has not had activity for over 180 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.