Unable to click gcds-nav-link nested in a nav group within the top nav component in Safari

[ethanWallace]

When using the Safari browser, you are unable to click a link nested in a dropdown when using the top nav component. Clicking the link closes the dropdown and does not navigate to the desired page.

Example

Unable to click the links in the contact us dropdown in Safari.

<gcds-top-nav label="topbar" alignment="right" lang="en">
      <gcds-nav-link href="/home" slot="home">Home</gcds-nav-link>
      <gcds-nav-link href="/installation">Installation</gcds-nav-link>
      <gcds-nav-link href="/foundations">Foundations</gcds-nav-link>
      <gcds-nav-link href="/components" current>Components</gcds-nav-link>

        <gcds-nav-group
          menu-label="Contact us submenu"
          open-trigger="Contact us"
        >
          <gcds-nav-link href="/contact">Form</gcds-nav-link>
          <gcds-nav-link href="/github">GitHub</gcds-nav-link>
          <gcds-nav-link href="/slack">Slack</gcds-nav-link>
        </gcds-nav-group>
      </gcds-top-nav>

[adorayi]

Requires investigation.