Linked:Bug1767695 Keyboard focus loss is observed after selecting feedback 'star' button while navigating using keyboard tab key.

Is it an issue related to Adaptive Cards?

No.

What is the PWD impact?

If Focus loss is observed once after invoking feedback 'star' button while navigating using keyboard tab key. it will impact the keyboard dependent user as the user will be left unaware about the element in focus and will not be able to perform the desired actions.

What browsers and screen readers do this issue affect?

Windows: Chrome with NVDA

Are there any code-based customization done to Web Chat?

No, I am using Web Chat without any customizations except "styleOptions".

What version of Web Chat are you using?

Latest production

Which area does this issue affect?

Focus management

What is the public URL for the website?

https://microsoft.sharepoint.com/teams/MCAPSAcademy/SitePages/Request-a-Contributor---POC.aspx?xsdata=MDV8MDF8ZGJoYWt0YUBtaWNyb3NvZnQuY29tfGUzYWVmOTc1NDViMTQzYTg4Y2ZhMDhkYmM1YmQ5YjI3fDcyZjk4OGJmODZmMTQxYWY5MWFiMmQ3Y2QwMTFkYjQ3fDF8MHw2MzgzMjExOTAzODMzODc3NDF8VW5rbm93bnxUV0ZwYkdac2IzZDhleUpXSWpvaU1DNHdMakF3TURBaUxDSlFJam9pVjJsdU16SWlMQ0pCVGlJNklrMWhhV3dpTENKWFZDSTZNbjA9fDMwMDB8fHw%3D&sdata=SSs2MzJWZWN5M2JyTVZGeWp4c0VjbkJlNHIvZEpueXNreC9IZktzSkMxTT0%3D&OR=Teams-HL&CT=1696587959401&clickparams=eyJBcHBOYW1lIjoiVGVhbXMtRGVza3RvcCIsIkFwcFZlcnNpb24iOiIyNy8yMzA5MTQxNzUwNSIsIkhhc0ZlZGVyYXRlZFVzZXIiOmZhbHNlfQ%3D%3D

How to reproduce the issue?

Step 1: Open the above URL in New Edge/Chrome browsers.
Step 2: Request Contributors - POC Home page will appear.
Step 3: Navigate to the 'Got questions?' in the page now Ask Iris Now! link is invoked it, chat box appeared.
Step 4: Navigate to the 'What skills are needed to be a contributor?' control and invoke it now 'Did that answer your question or solve your problem?' question will opened now navigate to the 'No, create a Support Ticket; and invoke it. now 'Select a tool, workstream or team from the dropdown' appeared Navigate to the 'Continue' Button invoke it Next 'Submit' will be appeared and invoke the Submit Button now 'Is there anything else that I can help you with?' question will be appeared now 'No' Button invoke it Now 'Rate your experience!' will appear.
Step 5: Now navigate to the unselected stars.
Step 6: Verify whether keyboard focus loss is observed after selecting the feedback 'star' button while navigating using keyboard tab key or not.

What do you expect?

keyboard focus should not be lost after selecting feedback 'star' button while navigating using keyboard tab key.
Ex: After selecting star button focus should land on next star button while navigating using keyboard tab key.

What actually happened?

Keyboard focus loss is observed after selecting feedback 'star' button while navigating using keyboard tab key.
Observation: After selecting star button on pressing tab key focus is moving to browser controls.

Do you have any screenshots or recordings to repro the issue?

Did you find any DOM elements that might have caused the issue?

No response

MAS reference

https://aka.ms/MAS2.4.3

WCAG reference

https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html

WAI-ARIA reference

No response

Adaptive Card JSON

No response

Additional context

No response

Reproduce the feedback star interaction in Web Chat using Chrome with NVDA and keyboard Tab navigation, following the issue's steps. Trace the focus behavior after selecting a star; done means focus remains in the star controls and moves to the next star instead of the browser controls.