Issue Summary

When trying to focus on the new Atlaskit button documentation page https://atlassian.design/components/button/examples using the “tab” key in Safari browser, it selects the entire iframe. The behavior is not possible unless the option “Press Tab to highlight each item on a web page” is enabled. This option is turned off by default in Safari, and when it's disabled the old button should ignore tab changes. In other pages by using "tab" key, it selects the button element e.g. https://atlassian.design/components/button/button-legacy/examples

Steps to Reproduce

1. Using the Safari browser, access https://atlassian.design/components/button/examples.
2. Click on Tab and notice that it selects the iframe.
3. If you attempt the same test on https://atlassian.design/components/button/button-legacy/examples, notice that it selects the button element.

Expected Results

Return the button element for the pages.

Actual Results

Selects the iframe.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available