Lazy Loaded - Action Sheet sometimes not showing buttons
Hi using Ionic Angular v8 but have had this issues over majority of versions of Ionic last couple of years. In short we have large application wher have lazy loaded modules/pages (eg loadChildren in...
View ArticleGoogle map not showing in mobile
Until unless you provide us some code we won’t be able to help you. I implemented Google Maps in my Ionic React project recently, it works fine for web, android and iOS.
View Article"FileOpener" plugin is not implemented on android
Nexus browser is a prebuilt Capacitor app that have a set of installed plugins, so not every Capacitor plugin will be available to use. File Opener doesn’t seem to be installed...
View ArticleSupport for Social Sharing plugin and use of jetifier
The plugin you are using is GitHub - EddyVerbruggen/SocialSharing-PhoneGap-Plugin: 👨❤️💋👨 Cordova plugin to share text, a file (image/PDF/..), or a URL (or all three) via the native sharing widget....
View ArticleIonic 8 - There is no scroll on page after keyboard opens
I just started migrating from Capacitor version 6 to 7 and I also realized that something similar happened to me. At first I thought it was something I did not perform correctly to migrate the app....
View ArticleClik here to view.
Capacitor Contacts Plugin - Capawesome
capawesome.io Capacitor Contacts Plugin - Capawesome Capawesome offers enterprise-grade solutions and services designed for teams building cross-platform apps with Capacitor.
View ArticleClik here to view.
Ion-picker not working properly and moving by its own
Hi guys! I’m having a problem with the component ion-picker when trying to use it so the user can set a timer choosing values from three columns. I created an issue in Github as this problem seems to...
View ArticleIon-picker not working properly and moving by its own
This could be related to scaled fonts in this open issue - bug: ion-datetime wheel breaks in Android WebView with scaled fonts · Issue #29713 · ionic-team/ionic-framework · GitHub. And in the future,...
View ArticleSupport for Social Sharing plugin and use of jetifier
Ok, thanks for that, makes sense. Yes I realized Ionic was just a wrapper. I don’t suppose any one knows of a more “up to date” maintained email wrapper (email is all I need). It does not have to have...
View ArticleVoice Call(Voip) using Ionic Framework, (Like a whatsapp call)
Still you are finding the solution? i can share you the Github link GitHub - MirrorFly/MirrorFly-Android-Sample-V2: Best Android Chat API: Android sample app for integrating in-app communication SDK...
View Article[error] serve command is not know for this project type
Capacitor v7 npx cap doctor is green across the board was compiling and building for android and ios without issue suddenly started to throw the following error below and the only change was upgrading...
View Article[error] serve command is not know for this project type
Running the following command “npx cap run android” will deploy to the Android device, it is just the built in Iconic Dashboard plugin for visual code studio seems to have issues building now.
View ArticleHow to write unit test for capacitor plugin which involves native module
I want to write unit testing for my capacitor plugin where JS layer method will call native module method through bridge. I want to receive the value from android or iOS files when method in unit test...
View ArticleIonic 5 with Angular PWA not working
Make sure your manifest.json is correctly set up and that your service worker is registered properly.
View ArticleSliding back + NavController.back() not working together
Can confirm this bug still exists in Ionic 8.4.1
View Article"FileOpener" plugin is not implemented on android
There is an example application in the file opener repo - see file-opener/example-app at master · capacitor-community/file-opener · GitHub. Can you please try to build and run it and see if it works...
View ArticleBlank screen after upgrading to Ionic 5.6.0
I recently upgraded my Ionic 4 angular 7 app to Ionic 5.6.0 angular 9. First I tried to upgrade the angular version from 7 - 8 - 9 till then app is running perfectly but after upgrading to Ionic 5.6.0...
View ArticleClik here to view.
Navigation bar overlapping issue and statusbar issue in ionic angular
Hi, we are also using capacitor 7 and we are also facing same issue of our UI overlapping with navigation bar. So as you said earlier we have installed...
View ArticleIon-chip: How to disable it without lowering the opacity?
I’m trying to use ion-chip to highlight labels in my app like this: <ion-chip>Name</ion-chip> James The problem is that when you mouse over ion-chip, it looks like you can click on it (the...
View ArticleIssues loading Ionicons 7.1.0 from unpkg.com (CORS error and 500 Internal...
Hi everyone, I’ve been using Ionicons 7.1.0 in my project without any issues, and everything was working fine until recently. I’ve been including the following script tags in my index.html to load...
View ArticleBlank screen after upgrading to Ionic 5.6.0
A blank screen is usually due to a JavaScript error. You can check DevTools for any errors. For an Android device you can go to chrome://inspect/#devices on your computer. For iOS, see Inspecting iOS...
View ArticleUpgrading to ionic 8.5+ breaks ion-toggle keyboard shortcut
I added support for keyboard shortcuts to my app with code like this: const clickToggleById = (key: ValidKeysEnum): void => { const myToggle = document.querySelector(`#test-${key} ion-toggle`); if...
View ArticleIssues loading Ionicons 7.1.0 from unpkg.com (CORS error and 500 Internal...
I have the same problem pls help
View ArticleIon-chip: How to disable it without lowering the opacity?
If you aren’t using them as clickable elements, then I would just create your own vs. trying to override the CSS. It only takes some padding, color, and rounded corners. But, if you are set on using...
View ArticleUpgrading to ionic 8.5+ breaks ion-toggle keyboard shortcut
Actually, it looks like all you need to do is add myToggle.blur(): const clickToggleById = (key: ValidKeysEnum): void => { const myToggle = document.querySelector(`#test-${key} ion-toggle`); if...
View ArticleIssues loading Ionicons 7.1.0 from unpkg.com (CORS error and 500 Internal...
Is it still not working? Loading in the browser works and gives the following response headers: access-control-allow-origin: * access-control-expose-headers: * cross-origin-resource-policy: cross-origin
View ArticleIssues loading Ionicons 7.1.0 from unpkg.com (CORS error and 500 Internal...
Thanks for the response. Just to clarify, when I access the URL directly (https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js) in the browser, it works without any issues. However, the...
View ArticleBlank screen after upgrading to Ionic 5.6.0
Hi @twestrick, I checked the console error on both Android/iOS console below is the error related to failing to load resource HTTP://localhost:8100/ [Error] Failed to load resource: the server...
View ArticleBlank screen after upgrading to Ionic 5.6.0
Not really sure on the 404 as I am not familiar enough with Angular or Cordova. Since the URL has a port I would assume you are trying to run it in dev mode. From my experience with Capacitor, it’s...
View ArticleBlank screen after upgrading to Ionic 5.6.0
These are the steps I am using to launch the app on the Android/iOS simulator: ionic build ionic cordova prepare android ionic cordova run android -livereload --external (same for ios app replacing...
View ArticleSliding back + NavController.back() not working together
Use NavigationController.pop().
View ArticleSliding back + NavController.back() not working together
@efc-simon Thank you very much. Good point, I will give it a try. Is there a significant difference where this would fail in going back?
View ArticleIssues loading Ionicons 7.1.0 from unpkg.com (CORS error and 500 Internal...
Hello, i found a solution. In the github repository there is a new version. Just change cdn <script type="module"...
View ArticleProblem - capacitor-community/sqlite with jeep
Hey, have you found a workaround for this? I also ran into the same problem. I tried rolling back to the previous version but I’m still getting the same error.
View Article"FileOpener" plugin is not implemented on android
I have run into the same issue after migrating from capacitor 6 to 7. @arpitpatel901 did you manage to fix it?
View ArticleIssues loading Ionicons 7.1.0 from unpkg.com (CORS error and 500 Internal...
In my case I got a 500 error even when accessing the resource directly from the browser. Changing the repo works fine.
View ArticleIssues loading Ionicons 7.1.0 from unpkg.com (CORS error and 500 Internal...
The problem seems to come from unpkg. You can see reports about many libraries here: https://github.com/unpkg/unpkg/issues
View Article[VUE] How to properly type ?
Hi. Can somebody explain to me how to properly type ref in Vue.js to get Typescript support? There is IonContent With such types: export declare const IonContent:...
View ArticleClik here to view.
[Angular] What to import: RouterLink vs IonRouterLink in Ionic 8
Hey, I am currently working on an Angular mobile application which uses IonTabs. In the documentation of ion-router-link it is specified one should use the Angular RouterLink. Ionic Framework Docs...
View Article[VUE] How to properly type ?
I asked a similar question over in Discord for IonIcon a while back. To get $el to show up, it was recommended to use InstanceType. const myContent = ref<InstanceType<typeof IonContent> |...
View ArticleProblem - capacitor-community/sqlite with jeep
I ran into a similar issue when upgrading my ionic7 project to ionic8. I got it running again by forcing the sql.js version to be 1.11.0 in the package.json file "dependencies": { "sql.js": "1.11.0" }...
View Article"FileOpener" plugin is not implemented on android
@ryaa I did look at the example app before, but unfortunately the example app is built in angular, while my project stack is built on Vue3, so I couldnt use the code directly. But I was able to clone...
View Article"FileOpener" plugin is not implemented on android
Update: I did run the below command, while running the above android command to test in emulator. But got the same result. I think I need to expose port to android studio somewhere. Maybe we need to...
View ArticleHow to add custom id attribute on ion-input?
for a standalone element, <ion-input id="custom-id"> is ok. but you can’t do that in a v-for loop, the loop will generate id for each item no matter you want it or not, even you customize the id...
View ArticleBlank screen after upgrading to Ionic 5.6.0
I’m able to run the app on Android/iOS emulator using below command but the --livereload is still giving the same white blank screen issue. ionic cordova run android --simulator --verbose...
View ArticleSupport for Social Sharing plugin and use of jetifier
Hi, I have an Ionic app, first start in 2017. but keep up to date (e.g. have lates Ionic and Angular libs) - I just have not got around to switch to Capacitor. as I will need to re work out how to do...
View ArticleClik here to view.
Deep linking - Supported web addresses Auto Enable
Yes, I followed the guide but have already solved it. I used the keystore certificate from google play instead of generating one myself. Keystore certificate might have been created earlier, and this...
View ArticleIonic WkWebView Failed to load webpage: Unsupported URL
I found the issue after a long search. It appears that the use of href in HTML templates is causing all these troubles. I changed the href to ui-sref and used the state instead of the URL so the...
View ArticleFacebook Audience Network Plugin in Ionic 6 Capacitor with Angular?
Is there any npm package available that can support FAN ? I didn’t find any official package on Facebook Developer forum. Can someone please look into this ?
View Article