fix(search): set focus back to input when search is cleared

[annawen1]

Related Ticket(s)

Web component: Dotcom shell - Locale modal- After giving the search input and activation of clear search input button the dialog is getting closed #6078

Description

The Carbon for IBM.com Locale Modal extends the carbon-web-components search component. An accessibility issue was reported when search clear button is clicked, the focus doesn't return back to the input. This PR sets the focus back to input when clear input button is clicked.

The Carbon React and Angular instances of search have the same behavior where focus returns to input:
https://react.carbondesignsystem.com/?path=/story/components-search--default
https://angular.carbondesignsystem.com/?path=/story/components-search--basic

Changelog

Changed

• set focus back to input when handleClearInputButtonClick() is triggered

[ibmdotcom-bot]

Deploy preview created for Carbon Web Components - Vue:
https://carbon-web-components-vue.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/675/index.html

Built with commit: 6aa7cc72821f5b9507ae313295a39945ee87d682

[ibmdotcom-bot]

Deploy preview created for Carbon Web Components - React:
https://carbon-web-components-react.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/675/index.html

Built with commit: 6aa7cc72821f5b9507ae313295a39945ee87d682

[ibmdotcom-bot]

Deploy preview created for Carbon Web Components:
https://carbon-web-components.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/675/index.html

Built with commit: 6aa7cc72821f5b9507ae313295a39945ee87d682

[ibmdotcom-bot]

Deploy preview created for Carbon Web Components - Angular:
https://carbon-web-components-angular.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/675/index.html

Built with commit: 6aa7cc72821f5b9507ae313295a39945ee87d682

[ariellalgilmore]

Thanks @annawen1!!