Quantcast
Channel: Ionic Forum - Latest topics

Upgrading 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 Article


Image may be NSFW.
Clik 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

Facebook 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 Article

Vertical 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 Article


Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik here to view.

Capacitor Audio Recorder Plugin - Capawesome

capawesome.io Capacitor Audio Recorder Plugin - Capawesome Capawesome offers enterprise-grade solutions and services designed for teams building cross-platform apps with Capacitor. 1 post - 1...

View Article

Learning 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? 1 post - 1 participant Read full topic

View Article


Help to sovle error

Command failed with exit code 1: E:\New Ionic UI\htt-app\node_modules\cordova-android\lib\getASPath.bat ‘E:\New’ is not recognized as an internal or external command, operable program or batch file....

View Article


adjustMarginsForEdgeToEdge: 'force' and colors of status and navigation bar

Hello there! I have used the new adjustMarginsForEdgeToEdge: ‘force’ in the capacitor.config.ts and it works fine as for the edge-to-edge display. But how can I control the color of status and...

View Article

Ionic Capacitor iOS

What could be the reason that my Firebase only works on the web but not on iOS and Android? What do I need to do to make it work there as well? 1 post - 1 participant Read full topic

View Article

Image may be NSFW.
Clik here to view.

Infinite scroll memory issues

Hello, I am experiencing memory issues with the infinite scroll on IOS. Loading a batch of items significantly increases memory usage, even if the content of the item is just a plain text. I am using...

View Article

Image may be NSFW.
Clik here to view.

How to set-up Tailwindcss 4 in Ionic Angular

Hi everyone I’m currently working on a practice Ionic Angular project and I want to integrate TailwindCSS v4 into it. I’ve seen a few guides online for older versions of Tailwind or for React/Vue...

View Article


Stripe payments work only the first time the app is loaded / How can I stop...

I have implemented stripe payments in my app using stripe elements, and it works very well on web and android, as well as on ios - the first time around. If I then close my app by double tapping the...

View Article

Image may be NSFW.
Clik here to view.

Failed to resolve module specifier "@capacitor/status-bar"

I am new to Capacitor I have an html with some javascript the capacitor.plugins.json seems ok but when running it I get runtime.js:23 TypeError: Failed to resolve module specifier...

View Article


How to select text via native OS?

So we have a chat app. The user wants to select a text, and copy the message, or just a word, or part of the word (just when he types in the input or textarea). But it is not possible apparently to...

View Article

How to test capacitor app offline

Hello, I am making a mobile app with Capacitor + Ionic + Vue and I need some elements of it to work offline. In order to test the offline functionality I went into the network tab on Firefox and...

View Article


Image may be NSFW.
Clik here to view.

Ionic Vue Boiletplate

Halló folks. Just wanted to share with everyone a nice clean Ionic Vue boilerplate I made for anyone to use. It has both Tailwindcss and Pinia included. I made this so I don’t have to repeat those...

View Article

Stencil Reframed: Community-Driven Governance Takes Center Stage

Originally published at: Stencil Reframed: Community-Driven Governance Takes Center Stage Stencil has become an essential tool for companies of all sizes who are building sustainable design systems....

View Article

Capacitor + firebase breaks xcode cloud build due to nanopb/build

I’m trying to get our capacitor app to build using xcode cloud. When I run the npx cap sync I eventually get an error that says error: Could not delete...

View Article

How to implement capacitor or capacitor.config.ts file for multiprojects in...

I hv a single code base repo, which has capacitor configuration for android as well as for IOS. but now we hv restructure the repo into monolithic for building specific project build using the root...

View Article


Safe area issues after migrating to angular 19

Hi, I have used Ionic in the past to create a mobile application and only encountered this issue with angular 19. Basically when I have this ionic layout component and in the past the header was...

View Article


Capacitor Inappbrowser not opening webview as page content

I’m trying to add a in app browser inside a page in my app project. Using the InAppBrowser Capacitor Plugin API | Capacitor Documentation and the code as below I’m only able to see the page opening...

View Article

Image may be NSFW.
Clik here to view.

iOS 18 - Capacitor 7 - Geolocation.watchPosition

I am having a hard time figuring out what is wrong with Geolocation.watchPosition on iOS. Already some time ago I noticed that iOS seems to be a bit phlegmatic when it comes to start watching the...

View Article

Feature Request: Billing email

I would be a nice feature to be able to a separate email for billing purposes. For account purposes we need to attach receipts to every transaction. We have have billing system with it’s own mail...

View Article


Ion-tab-button not open the ion-menu

Hello. I want to create a bottom menu in an application, which is placed at the bottom, and the last point is a “more” menu item, which opens a side menu. But unfortunately it does not work. Ionic 8...

View Article

[Ionic 8] White screen in production – ion-page-invisible not removed

I’ve spent the last 2 days on debugging a white screen issue in my Ionic 8 Angular app. In production builds, the page is rendered but not visible. When I launch ionic serve all works well. In prod...

View Article

Image may be NSFW.
Clik here to view.

Ion Footer overlaps with some android devices

I have launched my app to production and for most of the users, it doesn’t have any problem, actually for iOS works fine. But my problem is that for some devices, I have been reported that the footer...

View Article

Auth Connect Replacement?

Reading the blog post about the future of commercial products, I now understand that Identity Vault and Auth Connect are going to be shut down. What’s the recommendation for implementing biometric...

View Article



Working on iPad simulator but not on iPhone simulator: Ionic 8, Angular 19,...

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 Article


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>