Ion-picker with [(ngModel)]
Hello, I’m using Ionic 8 with Angular 18. In a new component, I’m using ion-picker for the first time. I’m trying to bind a variable to it with [(ngModel)]. That doesn’t seem to work. I tried it like...
View ArticleClik here to view.
Ion-datetime not showing on mobile device
Hi, New to ionic framework and the ion-datetime on ion-modal is not showing on mobile device but showing on desktop browser. The form is standalone component. Can anybody help basically my...
View ArticleIonic 8 + tailwind 4 using Vite is not working
I want to use tailwind in my Ionic project but Im facing an issue. I have installed tailwindcss tailwindcss/vite and preflight. I have added tailwind plugin to vite config, I have created basic...
View ArticleUnable to download pdf in Android and iOS
I am using Ionic React with Capacitor 7 I am unable to download receipt after it is generated in pdf format. Sharing Receipt seems to work fine for both iOS and Android. But I cannot download it....
View ArticleIs there an Ionic "onload" or "ready" event? (Date picker not ready)
I want to set the value of an ion-datetime input programmatically. <ion-datetime-button datetime="date"></ion-datetime-button> <ion-modal> <ion-datetime label="Date" name="date"...
View ArticleDeveloping apps in Ionic for long term - overthinking
I have been developing Mobile apps in Ionic since v1. It was the very first framework I used for developing cross platform mobile apps. I really love working on Ionic. I also develop using React...
View ArticleClik here to view.
Need help with ion-infinite-scroll inside a modal
Hey guys! I’ve got a tricky issue here. I’m opening a new-exercise-plan component using the ModalController, but the problem is that I need to implement infinite scroll, and the ion-content height...
View ArticleWarnings related to icons during unit test execution (Ionic v8.4.3)
Hi guys, I’m using Ionic 8.4.3 in an Angular 17 application. I have an object with all the icons we use in the application and another with some custom icons: export const CUSTOM_ICONS:...
View ArticleLive Reload does not work anymore since the upgrade to Capacitor 7
Hello, I updated my app’s packages, and since then, when I try to run it on a real device with ionic cap run android --prod --open -l --external it launches correctly, but the changes aren’t detected...
View ArticleAngular/Capacitor/Ionic app is not responding immediately after couple of hours
I am working on Angular 17/ capacitor 6/ Ionic 7 application. The app is not responding immediately after couple of hours, if we don’t touch the app. It will take 30 to 60 seconds to respond back. As...
View ArticleClik here to view.
Problem with ion-toolbar on IOS
I have a problem with ion-toolbar on iOS, they break, and I can’t find the solution! Can anyone help me? ANDROID IOS 1 post - 1 participant Read full topic
View ArticleGoogle map not showing in mobile
I don’t know what to do, I have been having issues with map not appearing on my app when i launch it but it is showing when i use localhost to view on the web. I make use of ionic, capacitor google...
View ArticleLazy 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 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 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 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 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 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 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 ? 1 post - 1 participant Read full topic
View ArticleVertical scrollbars
Hi, is there a way to enable vertical scrollbars on an ion-content on Android? I already tried ::-webkit-scrollbar:vertical { width: 11px; } But i don’t see any native scrollbars in my app. 1 post - 1...
View ArticleClik here to view.
How to remove emoji and mic icons form bottom of iPhone keyboard
I am using Ionic React to build iOS app. Could you let me know how to remove emoji and mic layout from keyboard? I have attached image. Thank you. 1 post - 1 participant Read full topic
View ArticleLearning How to Use Ionic Framework
How do I use Ionic to add my app to it to then push my app through to Google Play Developer Console? 2 posts - 2 participants Read full topic
View ArticleClik here to view.
Ionic 8 - There is no scroll on page after keyboard opens
Hello everyone. Today, after creating a new project (Ionic 8 and Capacitor 7) I started to face this strange behavior/issue. I just created a simple page with a list (not standalone):...
View Article