Environment Information

• Package version(s): latest
• Browser and OS versions: Chrome, Edge

Describe the issue:

When using keyboard to navigate to the page first time, the focused element do not show the focus box.

Please provide a reproduction of the issue in a codepen:

https://codepen.io/haoyangms/full/GRpQJzQ

Repro Steps

1. Open codepen https://codepen.io/haoyangms/full/GRpQJzQ
2. Put the focus outside the page (e.g. on browser's address bar)
3. Press Tab for several time until the focus appears on the “Hello world” button.
4. Observe the issue. The page shows “the button was focused” but the focus box does not appear.
5. If we tab away and shift+tab back, the focus box can be shown properly.

Actual behavior:

The focus box does not be shown

Expected behavior:

The focus box should be shown when using keyboard navigation.

Documentation describing expected behavior

repro step.pptx