[a11y]: Focus coming out of Tearsheet Narrow component

[psurana2]

Package

@carbon/ibm-products

Browser

Chrome, Firefox

Operating System

MacOS

Package version

v2.27.0

React version

v17.0.2

Automated testing tool and ruleset

Manual

Assistive technology

No response

Description

When we stack one tearsheet over the other , and when we close the second tearsheet the focus should return back to the first tearsheet. But the focus is coming out of the tearsheet .

WCAG 2.1 Violation

No response

Reproduction/example

https://stackblitz.com/edit/github-hlqngl?file=src%2FExample%2FExample.jsx

Steps to reproduce

Close the second tearsheet component , the focus should return to the parent tearsheet

Code of Conduct

• [X] I agree to follow this project's Code of Conduct
• [X] I checked the current issues for duplicate problems

[elycheea]

@psurana2 Have you tried using the selectorPrimaryFocus prop for the second Tearsheet?

[psurana2]

No @elycheea I have not tried . Can u help me with it