Quantcast
Channel: Ionic Framework - Ionic Forum

Stuck on a black screen after picking an image when running iOS app

Hi, We are having a strange issue in our iOS app, we are running iOS app with ionic capacitor angular project. Here we are using the input element with type file. <input type=“file”...

View Article


Set height 100% for ion-textarea?

Can’t see any useful options in the ion-textarea to make it fill it’s parent container. I’d like to create a form and make the textarea occupy it’s parent fully. I won’t bother writing any code to...

View Article


Image may be NSFW.
Clik here to view.

Ion-input floating label not centered vertically

Hi, im using the ion-input component with this configuration: <ion-input label="Outline input" label-placement="floating" fill="outline" placeholder="Enter text"></ion-input> Just like in...

View Article

Can Use location of the image when uploaded from library for ionic capacitor

Currently we only use the location of the images when the photos is taking our app. Can we use the location of the photo also when we add one from the library? Do we have plugin or suggest a solution...

View Article

How to programmatically scroll an ion-list

Is there a way to programmatically scroll to a specific element in an ion-list? IonList doesn’t seem to have the same scroll functions that IonContent has. 2 posts - 2 participants Read full topic

View Article


It it possible to format things inside an ion-select popover?

I’ve customised an ion-select but one thing that’s bothering me is the inability to customise the popover. The following works does not work, which is immediately confusing. ion-popover { --width:...

View Article

Page back transition broken when use IonNav in IonModal

Hello I faced with one issue in my app (ionic-react) On iOS and Android, when i use IonNav in IonModal, after close modal back transition not work. Maybe someone know how to solve this issue. video...

View Article

Image may be NSFW.
Clik here to view.

Ionic capacitor using blocked aria-hidden issue

Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor....

View Article


Modal behavior but in the content

Hello, is it possible to use the ion-modal component that has all the things like dismissal, breakpoints and swipe gestures but that opens inside the content of the current page? So that it doesn’t...

View Article


Integrate the Ionic/Angular/Capacitor app with CarPlay or Android Auto? Did...

Hello. Is that possible to integrate the Ionic/Angular capacitor app with CarPlay or Android Auto? Did some research but couldn’t find any solution yet 1 post - 1 participant Read full topic

View Article

Issue on ionic v8 + capacitorJs + angular 19

Hello, I have a strange issue. To reproduce: Create a simple “tabs” (ionic start) project with Angular 19 on the latest version. ionic serve: works fine. Add Capacitor: npm cap add android ionic build...

View Article

Ionic 8 and ngx-formly

Hi community, I have been using ionic angular 7 project with Ngx-Formly and today as per our plan we decided to update to ionic 8 and latest version of ngx-formly now I’m getting errors while...

View Article

Ionic build generates index.html at the wrong place

Hi, newby here. When I execute “ionic build” the output gets generated under www/browser. I would like to get the output under www instead. These are my options inside angular.json: "options": {...

View Article


Image may be NSFW.
Clik here to view.

Issues using Canvas in Ionic Angular app

The issue I’m experiencing is present with multiple 3rd party components that use the Canvas element. I’m trying to capture a signature using Kendo UI signature component and...

View Article

onIonChange not being triggered when doing user.type during unit test

Here is my simple example: import { IonApp, IonInput, IonLabel, IonPage } from '@ionic/react'; import { render, screen, waitFor } from '@testing-library/react'; import userEvent from...

View Article


Image may be NSFW.
Clik here to view.

How can I implement Dynamic Theming in an Ionic Framework Application?

Hello my name is Manav Gangwani. I want to ask a question from experts here, please revert as soon as possible. How can I implement dynamic theming in an Ionic Framework application to allow users to...

View Article

Upgrade from Angular 14 to Angular 19 and Ionic6 to Ionic8

I am trying to upgrade my application from Angular14 to Angular19, and from Ionic6 to Ionic8. My app was working fine, but once upgraded, no ion component is recognizable. I am getting errors of this...

View Article


Darshan Hiranandani : How to Download Audio from SoundCloud in an Ionic 2 App...

Hi everyone, I’m Darshan Hiranandani, working on an Ionic 2 app that streams audio from SoundCloud, but now I’m looking to add a feature where users can download the audio for offline use. I need some...

View Article

Weird hacks to use modal.value.$el.setCurrentBreakpoint()

Hi! I tried to programmatically open the modal sheet to a specific breakpoint and found that it was quite hacky and not handy at all. So far is the solution I found is this: <ion-modal...

View Article

Ion-Searchbar Not Visible on Android Native Build but Works in Browser

Hello everyone, I’m facing an issue with the <ion-searchbar> component in my Ionic/Angular project. The search bar works perfectly fine when I run the app in the browser, but it doesn’t render...

View Article

Having a hard time figuring out what to set for value in Ion Select component

I’m using Ionic, React, and TypeScript. So for an event called ExampleEvent there are different ticket tiers. We’ll call those Tier A, Tier B, Tier C. Ultimately I want the user to be able to select...

View Article


Image may be NSFW.
Clik here to view.

Env(safe-area-inset-*) not working with correct meta tag

I have seen this question asked before and most solutions point to the index.html meta tag not being correct, which is not my issue. I am trying to get the Ionic safe areas to apply to my application...

View Article


Image may be NSFW.
Clik here to view.

NullInjectorError: R3InjectorError(Platform: core)[t -> Cr]

I just started a tabs project and found that I can only make it work with live reload, a regular ionic cap run won’t work for iOS nor Android. node: 22.12.0 npm: 10.9.0 @ionic/cli: 7.2.0 @angular/cli:...

View Article

GitHub and SSH access not real clear with Ionic

Hi All, So after you use the quick app wizard to create the ionic app, it gives you some work to do: ` npm install -g @ionic/cli @capacitor/assets git clone https://github.com// It’s all well and...

View Article

Conditionally import plugin

I have a custom plugin that allows me to connect to my hardware the packaging has a bug, with IOS Appstore asking for a file I don’t have for a 3rd party lib… anyhow, I can conditionally compile...

View Article



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