Hyperlinking considerations in SharePoint Framework
By default on a modern page in SharePoint when a hyperlink is clicked, navigation to the page is achieved via a page router to avoid full refresh of the screen.
When you develop custom SPFx solutions the behavior of smart navigation might not be desirable, especially for scenarios using the
target attribute to open a page in a separate tab in the browser.
Consider the following markup:
<a href="https://contoso.sharepoint.com/sites/marketing/SitePages/Awesome.aspx" target="_blank">Awesome page</a>
In the above example, the
target attribute will be ignored and the page opens in the same tab via page router logic. In order to override the page router for hyperlinks add the
data-interception attribute to the link with a value of
<a href="https://contoso.sharepoint.com/sites/marketing/SitePages/Awesome.aspx" target="_blank" data-interception="off">Awesome page</a>
When the link is clicked in the above example, the page will open in a new tab.