Apologies - my advice & understanding above was incorrect. The new version won’t be applied until the min-background-duration is reached.
To accomplish what you’re going for here, you’ll need to use the Live Update API along with a custom implementaiton/code.
Virtually all of the “blank screen” threads here are caused by uncaught exceptions. Attach a debugger and look at the JavaScript console for error messages.
Thanks for your demo project, it actually does reproduce the issue, but only manifests on Safari, macOS or iOS.
I’ve also provided a full Ionic app here: https://github.com/larsblumberg/ion-input-focus-stealing-on-safari and created a GitHub issue as well: https://github.com/ionic-team/ionic-framework/issues/21982
Ok.
Thanks for double checking for me.
I’ll go a different path.
Update: when I connect an iPhone to my MacBook and select it as a build target, the app fails to compile with “No such module ‘Capacitor’”.
Any ideas?
Thanks is there a good code grab example you can share? just want to compare the differences for implementation.
Make sure your using the latest cordova-plugin-ionic-webview and read the configuration on that page for your setup. Your code looks good to me.
I’ve made a simple animation using CSS and HTML, I’ve tested it in browser it works fine, how do I use it as my splash screen animation ?
Ok, thank you very much.
Hello,
On the desktop I have a page with a footer and it hides the button I have at the end of my text.
How so that during the scroll it goes back above the footer?
i’m in ionic 5 with react.
thanks
<IonPage>
<IonHeader>
<IonToolbar>
<IonTitle>Blank</IonTitle>
</IonToolbar>
</IonHeader>
<IonContent fullscreen>
<IonHeader collapse="condense">
<IonToolbar>
<IonTitle size="large">Blank</IonTitle>
</IonToolbar>
</IonHeader>
<div id="text">
<IonImg class="logo" src="/assets/img/logo1app.png"></IonImg>
<p>Utiliser notre calculateur pour définir votre dosage exact de CBD</p>
<IonLabel position="floating">Taille de la bouteille en ml:</IonLabel>
<IonInput type="number" placeholder="Saisir ici" clearOnEdit>
</IonInput>
<IonLabel position="floating">Dosage en mg:</IonLabel>
<IonInput type="number" placeholder="Saisir ici" clearOnEdit>
</IonInput>
<br />
<p>Taux: perent1 </p>
<p>Nombre de goutte dans la bouteille: nbDrop </p>
<p>Mg de CBD / goutte: mgDrop </p>
<IonButton fill="outline">Calculer le taux</IonButton>
</div >
</IonContent>
<IonFooter>
<IonToolbar>
<IonButton href="./Myrate" class="couleur" expand="block" fill="clear" color="#3EEC4D">
Voir mon besoin journalier
</IonButton>
</IonToolbar>
</IonFooter>
</IonPage>
Hello.
I have a problem when i try build my project to android native… The message error is this:
cordova build android
Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=/home/zapa/Android/Sdk (recommended setting)
ANDROID_HOME=/home/zapa/Android/Sdk (DEPRECATED)
Using Android SDK: /home/zapa/Android/Sdk
Subproject Path: CordovaLib
Subproject Path: app
Task :app:mergeDebugResources FAILED
FAILURE: Build failed with an exception.
This project uses AndroidX dependencies, but the ‘android.useAndroidX’ property is not enabled. Set this property to true in the gradle.properties file and retry.
The following AndroidX dependencies are detected: androidx.versionedparcelable:versionedparcelable:1.0.0, androidx.slidingpanelayout:slidingpanelayout:1.0.0, androidx.fragment:fragment:1.0.0, androidx.core:core:1.0.0, androidx.customview:customview:1.0.0, androidx.swiperefreshlayout:swiperefreshlayout:1.0.0, androidx.interpolator:interpolator:1.0.0, androidx.loader:loader:1.0.0, androidx.drawerlayout:drawerlayout:1.0.0, androidx.viewpager:viewpager:1.0.0, androidx.collection:collection:1.0.0, androidx.localbroadcastmanager:localbroadcastmanager:1.0.0, androidx.lifecycle:lifecycle-common:2.0.0, androidx.arch.core:core-common:2.0.0, androidx.annotation:annotation:1.0.0, androidx.lifecycle:lifecycle-livedata:2.0.0, androidx.legacy:legacy-support-core-ui:1.0.0, androidx.lifecycle:lifecycle-viewmodel:2.0.0, androidx.lifecycle:lifecycle-livedata-core:2.0.0, androidx.legacy:legacy-support-v4:1.0.0, androidx.media:media:1.0.0, androidx.arch.core:core-runtime:2.0.0, androidx.legacy:legacy-support-core-utils:1.0.0, androidx.documentfile:documentfile:1.0.0, androidx.cursoradapter:cursoradapter:1.0.0, androidx.lifecycle:lifecycle-runtime:2.0.0, androidx.coordinatorlayout:coordinatorlayout:1.0.0, androidx.asynclayoutinflater:asynclayoutinflater:1.0.0, androidx.print:print:1.0.0
Ionic:
Ionic CLI : 6.10.1 (/usr/lib64/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.3.1
@angular-devkit/build-angular : 0.901.12
@angular-devkit/schematics : 9.1.12
@angular/cli : 9.1.12
@ionic/angular-toolkit : 2.3.3
Cordova:
Cordova CLI : 10.0.0
Cordova Platforms : android 9.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 7 other plugins)
Utility:
cordova-res : 0.15.1
native-run : 1.0.0
System:
Android SDK Tools : 26.1.1 (/home/zapa/Android/Sdk)
NodeJS : v14.4.0 (/usr/bin/node)
npm : 6.14.5
OS : Linux 5.4
some idea?
In case you still need help, cordova-plugin-firebase 2.0.5 is the issue in here, but it’s also the latest plugin.
I don’t know what to do.
The pages are showing on the chrome debugging tool but not on the Android emulator
I am having an issue where angular events are not firing if you try to click an element (specifically an ion-item) through iOS 13’s scrollbar on the far right of the screen (See screenshot).
Here is a dumbed down example:
TEMPLATE
<ion-item (click)="myClickEvent()"> ... </ion-item>
TYPESCRIPT
public myClickEvent() {
console.log('click event triggered');
}
I don’t get any logs from that, so the click event isn’t being fired. (But only if I click on top of the scrollbar, the extreme right of the screen while the scrollbar is visible).
The interesting part is that the element does highlight for a moment as if registering the click (see screenshot below).
Does anyone one know what event Ionic is listening to for that? Because that is getting triggered but mouse events through Angular are not.
I tried this with other mouse events like mouseup and mousedown with the same result.
If I click on the element but not over the scrollbar then everything works as expected.
The issue is that to users it looks like they clicked on the element and that something should happen but because we can’t capture the event we can’t handle it correctly. So the row gets highlighted for a moment but no action is taking place.
Thank you for all you do!
Well, you’ve got a fair bit going on there?
First of all, find out where the error is, it’s not clear, to me, whether it’s in your Laravel code, or Ionic code?
How is your website logging in? What/How/Where is posted from your website to log in successfully?
Are you using REST Client software, such as Insomnia, to test your web service and log in?
need to see more code…
<IonItem>
<IonLabel>
<IonCardSubtitle>Title text</IonCardSubtitle>
<IonText>Some variable value</IonText>
</IonLabel>
</IonItem>Hi guys,
So, I want to rearrange the location of my folders because I am kind of OCD.
I have folders in the main src folder and I would like to move it under my TAB 1 folder. However, I understand that when we create folders, the route is automatically patched to our routing module, so my question is how do we correctly move our folders from one location to another (INSIDE the project)?
Copy-paste will result in lots of errors due to routing module setups.
Thanks in advanced.
Has anyone figured out what is causing the problem? I am also facing the same problem.
Me too, I had to make a release today and this stupid error keeps popping up. No fixes around in Google, we need a FIX!!!