I need to implement Tab Navigation (tabindex in HTML) to my application so that it works well with keyboards. I have a functionality where I open a popup, and then need to continue with Tab Navigation inside the popup. But when I open the popup, I need to click inside the popup to be able to navigate using Tabs. If I don't click inside the popup, the tab navigation stays outside. (attached video for reference).

In the image below, I double clicked a row in the table which opened up the popup. Without clicking inside the popup, when I pressed Tab, it started navigation through the delete icon in the table on the right.

PS: I'm trying for Outsystems solution (before trying it with JS)

Thanks,

Aman