[Tearsheet]: The focus moves to the first element when the action button's disabled property is toggled.

[Rakesh-Addepalle]

Package

Carbon for IBM Products

Description

The focus moves to the first element when the action button's disabled property is toggled.
UseCase:- We have a form with multiple fields, and the requirement is to enable the "Continue" button only after all the required fields are filled.the focus is moving away from the currently editing field once this condition is met.

Component(s) impacted

Tearsheet

Browser

Chrome, Safari, Firefox

@carbon/ibm-products (previously @carbon/ibm-cloud-cognitive) version

2.59.0

Suggested Severity

Severity 2 = Aspects of design is broken, and impedes users in a significant way, but there is a way to complete their tasks. Affects major functionality, has a workaround.

Product/offering

OpenPages

CodeSandbox or Stackblitz example

https://stackblitz.com/edit/github-cqjvhd-k4woiiav?file=src%2FExample%2FExample.jsx,src%2FApp.jsx,package.json

Steps to reproduce the issue (if applicable)

1. Enter the data in fields.
2. While entering data is second field, focus is immediately moving to first field.

Release date (if applicable)

No response

Code of Conduct

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