Solved: Adding UI Element is successful, but doesn't add the right UI element. Probably another iframe question

Adding UI Element is successful, but doesn't add the right UI element. Probably another iframe question

The website is https://www.schwab.com/client-home

I'm trying to select as UI elements the username and password, and the tool is not allowing it, and I'd like to figure out a way to do it. Please know that I have used the "Add UI elements" operation successfully on other websites and it works just fine

This is what I'm doing that isn't working: from the UI elements right pane in PAD, click "Add UI element"

when you click the button, you have the opportunity to hover your mouse over a UI element on the web page. What I'm trying to do is select the "Login ID" field, but the only thing the tool recognizes is the larger area, identified only by "iframe"

So I hold down Ctrl + Left Click and choose "Login ID" then do the entire operation for "Password" and again for the button "Log in"

The tool doesn't recognize them, see the screen show below for Login, Password, and the button Log in, they show up as

which do not work when used in a workflow step.

I've tried this in Chrome as well as Edge, with the respective plug-ins added. I also know how to "Inspect" (in Edge) the element and see the HTML behind it. I could probably figure out a way to identify the element but I'm not sure how to use the tool to do it.