Hello guys,
I have the following code :
<ion-content ref="content" :scroll-events="true" @ionScroll="doSmth" class="ion-padding">
some long text...
</ion-content>
Event handler doSmth has alert(‘test’) in it.
This works well when i test in my browser on desktop but when i try on my android phone it doesnt trigger @ionScroll event.
Any reason why it doesnt trigger?
3 posts - 2 participants
Does stripe work with ionic vue? I’m asking because I don’t see anything on the docs
2 posts - 2 participants
Hey,
any possible way to implement a File-based Routing feature instead of a regular React Router?
1 post - 1 participant
Hello everyone
Has someboby a clue how I can get rid of the bottom border of io-range?
lines=“none” isn’t working and also css was not successful.
Thank you for your help.
1 post - 1 participant
Hi i tried to persist states creating a vuex mutation ‘xInit()’ that sets the states with the ionic storage on a mounting component. wich is basically ok. but i wanted to try something more generic so i tried to use ‘vuex-persist’
The plugin worked well with String states, but when trying to set Object states it seem to not work very well. got this error.
So my question is if any you know how to deal with this and persist vuex states?
And if its ok to caching/storing userdata/auth tokens on vuex side? Thanks.!
1 post - 1 participant
Hi,
I am learning ionic framework. Created a simple user registration screen with gender as ionic-selectable control. able to save the value to database. However, in the edit mode, could not select the saved gender value in the ionic-selectable control.
<ionic-selectable
[(ngModel)]=“service.formData.gender” name=“gender” #gender
[items]=“comService.genderList”
itemValueField=“genderCode”
itemTextField=“genderName”
(onChange)=“GenderChange($event)”
[canClear]=“true”
[canSearch]=“true”>
The below function return in the user-details.service.ts is used to load the selected row value into the corresponding fields. All text fields are assigned with the values using the two way binding expect ionic-selectable.
LoadForEdit(selectedRecord:UserDetails){
this.formData = selectedRecord;
}
1 post - 1 participant
Hi,
While I heard of Ionic a few years ago, it seems that a lot has changed since then. Just want to confirm that as of now (2021), whether it’s possible to develop Windows desktop apps using Ionic (v4 or v5)?
Some source online said it can but it also needs electron; not sure what that means. I thought both electron and ionic are UI frameworks so unsure why it needs both of them.
2 posts - 2 participants
I have a module, that is malfunctioning. Uninstalling and reinstalling it ultimately results in the same error. And I can see, that uninstalling it doesn’t get rid of all the files.
Specifics:
The module in question is Ionic
The error I’m getting ever since I tried to update it is:
/usr/local/lib/node_modules/@ionic/cli/node_modules/semver/internal/re.js:1
(function (exports, require, module, __filename, __dirname) { const { MAX_SAFE_COMPONENT_LENGTH } = require('./constants')
^
SyntaxError: Unexpected token {
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:373:25)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
at Object.<anonymous> (/usr/local/lib/node_modules/@ionic/cli/node_modules/semver/index.js:2:20)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
it is shown whenever I run an ionic command, even ionic --help
(btw. this line, that is shown from rs.js is the first line of the file)
I’ve tried uninstalling it with npm uninstall -g @ionic/cli and npm uninstall -g ionic (I also once accidentally typed npm uninstall - ionic. and it did something…)
And reinstalling it with npm install -g @ionic/cli
Tried this several times.
I’ve also updated node to 15.6.0.
I’ve also cleaned my cache with npm cache clean --force every step of the way
–
I have to admit I’m generally a bit confused about node modules and where they live. Because for Ionic there are files (I’m using MacOs 11.2.3) in /usr/local/lib/node_modules/@ionic/ But also in [user folder]/node_modules/@ionic And there’s a .ionic in the user folder.
Perhaps there is something I don’t understand How do I go about issues such as this?
(this was copied from my SO post)
1 post - 1 participant
My <ion-label></ion-label> looks way smaller in ipad and Andorid Tablets , instead adjusting in css using media query , is there better way to do that.
1 post - 1 participant
With recent IOS version [14.5.1], my ion-botton started behaving strange while toggling the disabled property.
When changed from disabled to non-disabled, the ion-button gets active but its label still remains disabled.
1 post - 1 participant
Hi, I’m curious if anyone has tried to integrate a consent management platform (CMP) into their Ionic App?
Our app is built with Ionic/Angular/Cordova and we’re currently working with Sourcepoint, but we have problems integrating their web-SDK.
Android/iOS SDKs are available too, but unfortunately no Cordova plugin…
Any advice would be appreciated much 
thx
1 post - 1 participant
In my Ionic React App, there are 3 Tabs.
Different pages have different internal tabs.
When I’m navigating through diff pages, some times these tabs repeats. The earlier page tab remains stuck.
Navigation video could be seen at this link
Any help to solve this issue is highly appreciated.
Sincerely,
Ashish Tripathi
1 post - 1 participant
Hey all, im trying to install Ionic in a react project. I run the two package commands and installation is successful but when i import the css they are not recognized. I opened the modules folder and i only see a folder called Ionicons
1 post - 1 participant
I have a couple buttons that I want to right-align in a grid.
This works:
<IonGrid>
<IonRow className="ion-justify-content-end">
<IonButton routerLink={routeButtonOne} size="default">
Button One
</IonButton>
<IonButton routerLink={routeButtonTwo} size="default">
<IonIcon slot="start" icon={folderOutline} size="large" />
Button Two
</IonButton>
</IonRow>
</IonGrid>
However, doing it in the way I did above is incorrect according to the documentation, which states:
- Content should be placed within columns, and only columns may be immediate children of rows.
So I did this:
<IonGrid>
<IonRow className="ion-justify-content-end">
<IonCol>
<IonButton routerLink={routeButtonOne} size="default">
Button One
</IonButton>
</IonCol>
<IonCol>
<IonButton routerLink={routeButtonTwo} size="default">
<IonIcon slot="start" icon={folderOutline} size="large" />
Button Two
</IonButton>
</IonCol>
</IonRow>
</IonGrid>
But now the buttons are aligned left, not right. So how do I get the buttons aligned with the right side of the screen?
I can fix it in CSS like this:
ion-row.ion-justify-content-end ion-col {
display: flex;
justify-content: flex-end;
}
But this seems like something the grid should be able to do out of the box. Am I missing something?
1 post - 1 participant
Ive been looking everywhere trying to improve site performance through SSR. Is it possible to do using ionic framework? Thanks
1 post - 1 participant
.dark-theme{
.toolbar-background{
background-color: $headerBackgroundColor;
color: $textColor1;
}
.toolbar-title-md{
color: $textColor1;
font-family: Poppins;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 26px;
letter-spacing: 0em;
text-align: center;
}
}
1 post - 1 participant
I have to display an alert with two buttons over ion-menu. Problem is, the alert and the backdrop is displayed behind the side menu. I’ve tried experimenting with z-index in CSS but had no success.
Look at the pics below:
After I press the delete button I present the alert. However, you can see it only displays behind the menu. Any ideas what I’m doing wrong?
My solution for now is to close the menu before presenting the alert, and opening it back after closing the alert.
1 post - 1 participant
im building an app and when someone presses a image i want it to route them to the post i got a little bit and it works i can tell because i get no console errors im guessing it just doesnt know the post ID. or what post to go to but i need help.
1 post - 1 participant
I encountered this error whenever i try to move between pages in my ionic app, how do I resolve this error
1 post - 1 participant
We use Sentry for error logging with our Ionic 5 (Capacitor) App which is deployed to three platforms (iOS, Android and Web).
In the Sentry lots we get a lot of these errors coming from the web platform:
ChunkLoadError: Loading chunk XX failed.
We never see these internally, only in production. I think this is something to do with Lazy Loading but I’m not really sure what our approach should be to handle these errors? Does anyone else get them and if so how have you handled them?
We also get a lot of these errors:
undefined is not an object (evaluating 'o.isProxied')
but in the logs these are always proceeded by a Loading chunk XX failed error so I am guessing they are related? Anyone else get these?
1 post - 1 participant
