fix(app-webdir-ui): focus cursor in search box on page load

[davidornelas11]

Description

Focus cursor in search bar on page load

Links

• Unity reference site
• JIRA ticket

Checklist

• [x] Unity project successfully builds from root yarn install & yarn build
• [x] Commits do not contain multiple scopes
• [x] Add/updated examples
• [x] Add/updated READMEs/docs
• [x] No new console errors
• [x] Accessibility checks

Browsers

• [x] Chrome
• [x] Safari
• [x] Firefox
• [x] Edge

Images

[mlsamuelson]

The #1177 PR issue turns out to be unrelated to this PR. Just for the record.

[scott-williams-az]

Do we need a way enable/disable focus onLoad? Have we identified the expected behavoir when there are 2 elements trying to focus on page load? See Tabbed Panel https://github.com/ASU/asu-unity-stack/blob/dev/packages/components-core/src/components/TabbedPanels/components/TabHeader.js#L22

[mlsamuelson]

@scott-williams-az Good point. I didn't realize that the tabbed panels were also capturing focus. And in the case of the Search Page component, it's using tabbed panels and the search focus...

[scott-williams-az]

Now that I think about it, I may have changed the tabbed panels from focus to scroll into view (the code to focus on the tab might actually be unused, if it is we can remove it)

[scott-williams-az]

Sorry for the back and forth, we are setting focus on the tabbed panels https://github.com/ASU/asu-unity-stack/blob/dev/packages/components-core/src/components/TabbedPanels/index.js#L62

[mlsamuelson]

I think that ought to work, and tests out locally.