If the application uses the shadowDOM elements, Dynatrace Synthetic Recorder extension not supported for recording the shadowDOM elements.
Hence, we need to inspect the required element from chrome web developer tools and get the DOM selector and add into the synthetic event manually.
Steps to follow to inspect and add the shadow DOM elements into synthetic script events.
Go to the relevant page on Chrome browser
Right click on the element which you want to interact with on the page-> Inspect the element which will open the developer tools
Right click on the element on the Web developer tools - > Copy - > Copy JS path
Add this copied DOM selector into your synthetic script events as a type of DOM selector.