Hello, I have this interesting problem in which I have a simple anchor tag containing an angular on ios native routelynk as follows:
<a routerLink="/recovery" transloco="forgotPassword">I forgot my password</a>
In contrast all other clickable items such as <buttons> work perfectly fine. As it stands we are not doing any particular special hover events even on a global level and on the web version including safari is working as intended. Our current dependencies are as follows:
"dependencies": {
"@angular-devkit/core": "^15.2.2",
"@angular-devkit/schematics": "^15.2.2",
"@angular/animations": "^15.1.5",
"@angular/cdk": "^15.1.5",
"@angular/common": "^15.1.5",
"@angular/compiler": "^15.1.5",
"@angular/core": "^15.1.5",
"@angular/forms": "^15.1.5",
"@angular/localize": "^15.1.5",
"@angular/material": "^15.1.5",
"@angular/platform-browser": "^15.1.5",
"@angular/platform-browser-dynamic": "^15.1.5",
"@angular/router": "^15.1.5",
"@angular/service-worker": "^15.1.5",
"@awesome-cordova-plugins/core": "^5.43.0",
"@awesome-cordova-plugins/file-opener": "^5.43.0",
"@capacitor/angular": "^2.0.3",
"@capacitor/app": "^4.1.1",
"@capacitor/geolocation": "^4.1.0",
"@capacitor/preferences": "^4.0.2",
"@capacitor/push-notifications": "^4.1.2",
"@capacitor/splash-screen": "^4.2.0",
"@capacitor/status-bar": "^4.1.1",
"@capgo/capacitor-updater": "^3.3.20",
"@datorama/akita": "^7.0.0",
"@datorama/akita-ng-entity-service": "^7.0.0",
"@datorama/akita-ngdevtools": "^7.0.0",
"@formatjs/intl-listformat": "^5.0.11",
"@formatjs/intl-locale": "^2.4.20",
"@fortawesome/fontawesome-free": "^5.15.4",
"@fullstory/browser": "^1.4.9",
"@ionic-native/core": "^5.31.1",
"@ionic-native/geolocation": "^5.31.1",
"@ionic-native/mobile-accessibility": "^5.32.0",
"@ionic-native/status-bar": "^5.35.0",
"@ionic/angular": "^6.6.1",
"@ionic/angular-toolkit": "^8.0.0",
"@ionic/cli": "^6.20.8",
"@ionic/pwa-elements": "^3.1.1",
"@ng-bootstrap/ng-bootstrap": "^10.0.0",
"@ng-select/ng-select": "^10.0.3",
"@ngneat/edit-in-place": "^1.6.1",
"@ngneat/transloco": "^4.2.6",
"@ngx-loading-bar/core": "^5.1.1",
"@ngx-loading-bar/http-client": "^5.1.1",
"@ngx-loading-bar/router": "^5.1.1",
"@schematics/angular": "^15.2.2",
"@sentry/angular": "^6.3.6",
"@sentry/cli": "^2.15.2",
"@sentry/integrations": "^6.3.6",
"@sentry/tracing": "^6.3.6",
"@sweetalert2/ngx-sweetalert2": "^9.0.0",
"angular-pipes": "^10.0.0",
"angular-user-idle": "^2.2.4",
"animate.css": "^4.1.0",
"array-flat-polyfill": "^1.0.1",
"bootstrap": "^4.5.2",
"c3": "^0.7.20",
"capacitor-native-biometric": "^4.2.2",
"capacitor-resources": "^2.0.5",
"cordova-plugin-device": "git+https://github.com/apache/cordova-plugin-device.git",
"cordova-plugin-network-information": "git+https://github.com/apache/cordova-plugin-network-information.git",
"cordova-plugin-statusbar": "^2.4.3",
"date-fns": "^2.19.0",
"getstream": "^5.0.5",
"intersection-observer": "^0.12.0",
"jetifier": "^2.0.0",
"localforage": "^1.9.0",
"localforage-driver-memory": "^1.0.5",
"lodash": "^4.17.21",
"lodash-decorators": "^6.0.1",
"mapbox-gl": "^1.13.0",
"ng-recaptcha": "^6.1.0",
"ng2-file-upload": "^1.4.0",
"ngx-bootstrap": "^6.2.0",
"ngx-hotjar": "^11.0.0",
"ngx-mapbox-gl": "^6.0.4",
"ngx-mask": "^11.1.4",
"ngx-quicklink": "^0.2.7",
"phonegap-plugin-mobile-accessibility": "^1.0.5",
"resize-observer-polyfill": "^1.5.1",
"rxjs": "^6.6.2",
"sweetalert2": "^10.15.7",
"tslib": "^2.0.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular-builders/custom-webpack": "^15.0.0",
"@angular-devkit/architect": "0.1502.7",
"@angular-devkit/build-angular": "^15.1.5",
"@angular/cli": "^15.1.5",
"@angular/compiler-cli": "^15.1.5",
"@angular/language-service": "^15.1.5",
"@capacitor-community/http": "^1.0.0-alpha.5",
"@capacitor/android": "^4.7.0",
"@capacitor/cli": "^4.7.0",
"@capacitor/core": "^4.7.0",
"@capacitor/device": "^4.1.0",
"@capacitor/dialog": "^4.1.0",
"@capacitor/filesystem": "^4.1.4",
"@capacitor/ios": "^4.7.0",
"@datorama/akita-ng-router-store": "^6.0.0",
"@ngneat/scam": "^1.0.1",
"@sentry/webpack-plugin": "^1.20.0",
"@types/c3": "^0.7.4",
"@types/geojson": "^7946.0.7",
"@types/googlemaps": "^3.40.4",
"@types/jasmine": "~3.6.3",
"@types/jasminewd2": "~2.0.8",
"@types/mapbox-gl": "^1.13.0",
"@types/node": "^14.6.0",
"@types/resize-observer-browser": "^0.1.4",
"@wishtack/schematics": "^1.1.2",
"codelyzer": "^6.0.1",
"cordova-res": "^0.15.3",
"http-server": "^0.12.3",
"jasmine-core": "~3.8.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~6.3.20",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"prettier": "^2.2.1",
"protractor": "~7.0.0",
"pwa-asset-generator": "^3.1.3",
"ts-node": "~9.1.1",
"tslint": "~6.1.3",
"typescript": "^4.3.5",
"webpack": "^5.75.0",
"webpack-bundle-analyzer": "^3.8.0",
"webpack-cli": "^5.0.1"
}
To any one that can help or lend insight it would be greatly appreciated, thank you