External links on the website doesn't work as expected

[maple3142]

Issue Checklist

When I try to middle click any external link on the website, it won't open in newtab like regular link, which is really bad for UX.
What's more, it opens a window instead of newtab when I left click on it.
Video: https://streamable.com/w5lwa

[1v9]

Why do I have a wheel present instead of opening a new window after middle clicking any external link?

[1v9]

Left click is normal, open a new tab.

[liolok]

Shouldn't that link be opened in a new window? It's an authorization page after all. I guess it's expected behavior. :3

Never mind, it's only because maple's example is too special. @1v9 and I just tested other links in the site. It's an issue about something like window.open.

[maple3142]

@liolok IMO, I don't think it is good to override the normal behavior of links, because it will break a lot of things such as middle click to open in new tab.

Besides, I think it is the third parameter of window.open cause this.

window.open(location.href, '_blank') // open new tab normally
window.open(location.href, '_blank', 'noopener') // open a new window

[stevenjoezhang]

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/

Microsoft Edge issue tracker - Microsoft Edge Development

Report or check the status of issues on Microsoft Edge

[maple3142]

@stevenjoezhang What do you mean in this link? I am not using Edge.

[maple3142]

But I am using CentBrowser, which is based on Chromium.
Besides, it is annoying that I can't use middle click to open link in new tab.

[1v9]

@maple3142 It's CentBrowser's fault, even Edge Chromium is normal as Chrome.

[maple3142]

@1v9 I know that window.open only not working correctly in CentBrowser, but middle click to open in new tab (and all the other normal anchor link behavior and gesture) works nowhere(Chrome, Firefox...)

[1v9]

@maple3142 In fact, we didn't meet this issue. Middle click ------> a wheel, Firefox & Chrome is same. There's not a new tab or window open.

[1v9]

Maybe try another computer(

[maple3142]

@1v9 You can middle click on any normal <a> link on a fresh installed Chrome or Firefox and see what happens.
Chrome: https://streamable.com/mvpnc
Firefox: https://streamable.com/hl662

Streamable

Desktop 2019.08.17 - 11.07.12.04.mp4 - Streamable

Check out this video on Streamable using your phone, tablet or desktop.

Streamable

Desktop 2019.08.17 - 11.08.23.05.mp4 - Streamable

Check out this video on Streamable using your phone, tablet or desktop.

[1v9]

@maple3142 Are you in our tele group? My english is bad(

[maple3142]

What's about making exturl to be a simple <a> like this:
<a href="..." rel="noopener">...</a>

[ivan-nginx]

I don't think what we can change <span> to <a> to external links because SEO issues.
I think we can just add middle click action via JS in exturl script?
https://stackoverflow.com/questions/1795734/triggering-onclick-event-using-middle-click

About new window → it's CentBrowser bug, on all other browsers new tab opened always.

[stevenjoezhang]

Related Issues:
#589
iissnan/hexo-theme-next#1438

[stevenjoezhang]

Or how about creating a External link warning / redirect page?

Like this one: https://hackerone.com/redirect?signature=29d3c9436788e01c4f620505cc5b7a641b1f3259&url=https%3A%2F%2Fgit.luolix.top%2Flodash%2Flodash%2Fcommit%2F90e6199a161b6445b01454517b40ef65ebecd2ad