Search code examples
angularionic-frameworkionic4user-experience

Ionic 4 does not allow opening in new tab function


We are building our new site with: Angular 7 / Ionic 4 (and back-end PHP 7 / Laravel 5)

The idea is to have one code base for web (desktop/mobile) as well as for Android/iOS app.

Problem - it won't (on dekstop browsers/OS) allow opening links in a new tab. In some instances (ie. Chrome/Mac OS X) it does allow you to open the link in new tabs via right click menu (see screenshot), but you can't use keyboard/mouse shortcuts (ie. cmd + click on Mac or click on wheel/third button on Windows mouse) which is a UX problem.

Right click menu - screenshot example


Solution

  • We, inadvertently found a solution - by switching to Ionic 5 we changed the layout so that we use web components in critical fields, instead of Ionic components. It was for other purposes, but it solved this issue.