Ionic 8, Angular 19, Firebase, AngularFire - Xcode: Working on iPad simulator...
Hello, I have an app created with Angular 19, Ionic 8, Capacitor 7, Firebase, AngularFire 19 (all latest versions) It is fetching data from firestore on the iPad simulator, but not on iPhone...
View ArticleClik here to view.
Ion-footer safe area bottom does not work in pwa app
Ionic v8 Angular v19 PWA app Hi, I’m building a PWA using Ionic, and I’m having trouble with the safe area at the bottom of the screen. On installed pwa, the content doesn’t respect the safe area...
View ArticleHTMLIonSelectElement.setFocus Error in VS Code: Property 'setFocus' does not...
Ionic 8.5, TypeScript 4.9.5, VSCode 1.98.2. ionSelectRef.current.setFocus() shows error in VS code as below, but it works just fine, in Web Browser, Android, and iOS, it does scroll the page the where...
View ArticleBest Way to play audio in android phone right now
const downloadAudio = async (url: string, filename: string): Promise<string> => { let fileUri = await Filesystem.downloadFile({ path: filename, url: url, directory: Directory.Data, recursive:...
View ArticleLogin to tabs routing issue
I’m having issues with routing and tabs. Whenever the default loaded page is login, it won’t route to tabs, and it says it doesn’t exist. But when I load tabs first and then go to login, everything...
View ArticleBig Calendar on React/Ionic
Hello, I would like to implement a Big Calendar similar to Google’s (not just the date-time of the Ionic component) in my React/Ionic project. I have been searching for a suitable solution to...
View ArticleClik here to view.
Problems with margin top, depending on device
Hi ionic staff I’m encountering problems with the margin top, depending on the device I’m it that’s a Pixel 9 >> that’s a Pixel 8 >> As you can see on Pixel 8 I have a button at top right...
View ArticleClik here to view.
Ionic tabs are breaking in generated apk
Please describe the question in detail and share your code, configuration, and other relevant info. I am using Ionic 8. Created one tab that works fine in the browser but is breaking on the device. 1...
View ArticleError blank page after google login Ionic 7 Capacitor
Hello, I’ve got stuck on a blank page on chrome after I chose the google account I want to use for Log in on my App (Ionic 7 Angular + Capacitor), I am using GitHub - Cap-go/capacitor-social-login:...
View ArticleClik here to view.
A basic component w/ a column of icons and a list side to side
I’m Pretty new to ionic angular and not much of UI dev, so I hope I can get some help. I want to make a component that has two vertical columns in my a. a vertical column of approximately 8-12 buttons...
View ArticleCan you use Ionic Angular Capacitor with Angular SSR?
I just started implementing Angular SSR with Angular Ionic Capacitor. However I am becoming skeptic if this even works, after running into some issues like: ERROR ReferenceError: window is not defined...
View ArticleClik here to view.
Issue with ion-picker with custom phone font-size
Hello, I encounter an issue with the ion-picker on Android devices when the user set a bigger font-size in the settings of the phone. So, when I go to a specific element in the ion-picker-column, the...
View ArticleIonic - Best way to sync material theme with ionic
Using angular material design principle, I was wondering what is the beat way to sync the theme with ionic. I’m actually manually mapping one to one, but it does create duplicate, kind of useless css...
View ArticleJust Got an Internship Using Ionic & Angular-Best Way to Learn? Looking for...
Hi everyone, I just landed an internship at a company that uses Ionic and Angular for their projects, but I’m feeling a bit lost. Most of the tutorials I find are either outdated, not free, or don’t...
View ArticleHow can I completely remove some of the default styling from Ionic?...
I have a component that generates a lot of list items like this: <IonItem> <IonLabel> <p>This is a sentence that explains something to the user.</p> </IonLabel>...
View ArticleClik here to view.
Header Overlaps with the notification bar in some android devices
I am using the latest ionic and capacitor to develop my android app. I started the live development server after configuration with ionic cap run android -l --external and this is the result of 2...
View ArticleIon-popover with background clickable
Hi there ! I was facing a problem, using ion-popover when i used it as a notification component. When the popover was showing the notification, the user had a delay without any focus and click event...
View ArticleClik here to view.
Ion-content scrollbar not working despite having enough content
onic Version: Latest (Angular) Framework: Angular (latest version) CSS Framework: Tailwind CSS (latest version) Platform:** Web/Mobile I’m having trouble getting the scrollbar to appear in my...
View ArticleBack Button Not Closing Modal in Ionic 7 + Angular 17 + Capacitor 5
I’m using Ionic 7.5.1, Angular 17, and Capacitor 5. I have a modal opened using ModalController.create(), and I want the Android hardware back button (or gesture) to close the modal, instead of...
View ArticleClik here to view.
Ion-input, autocapitalize not working on Ionic v8
Just test with stackblitz StackBlitz Ionic Docs Example - StackBlitz An Ionic project based on @angular/animations, @angular/common, @angular/compiler, @angular/core, @angular/forms,...
View ArticleOpening another app(files app) in a modal in ionic
i need a way to open an app(files app) in a modal in ionic similar to how WhatsApp does it, it makes the app more accessible to users with low end androids. 5 posts - 2 participants Read full topic
View ArticleClik here to view.
Angular development server with Ionic is extremely slow
Any idea why angular development server with ionic is responding extremely slow? I used to work with Angular+Capacitor and i have never had issue like this. It’s frustrating to me to wait 30 seconds...
View ArticleIn my angular ionic framework to connect sqlite but jeep-sqlite not present...
in my angular ionic framework to connect sqlite but jeep-sqlite not present in dom error showing il and share your code, configuration, and other relevant info. 2 posts - 2 participants Read full topic
View ArticleIssues on iOS 18.5 – Custom Swiper Misbehaving & App Lagging
Hi Ionic Team and Community, We are experiencing a critical issue after our customer upgraded to iOS 18.5. Problem Description: Our app contains a custom swiper component, which is used in a loop to...
View ArticleConnect Sqlite and create a table
Continuing the discussion from In my angular ionic framework to connect sqlite but jeep-sqlite not present in dom error showing: my sqlite service import { Injectable } from ‘@angular/core’; import {...
View Article