One more thing to add here. If I power off the SE and switch it on again (which SURELY is the equivalent test of the OS closing the app rather than me manually closing it - isn’t it???) then the app starts up ok.
Difference between normal iOS app startup and O/S forced startup?
Error ionic cordova run android A failure occurred while executing com.android.build.gradle.tasks
deleting the debug.keystore then running the build command worked for me
Ion-radio checked
The link to the page is broken. Can you make a new one? Im also curious to see what the example looks like.
Npx cap init - could not determine executable to run
Try deleting node_modules and running npm install and make sure @capacitor/cli is installed
Ionic 6 - angular 14 - capacitor 4 - target android 5.1.1
Angular 13+ only work on new chrome versions (by default), so WebView 46 is very very old and you won’t be able to run Angular 13+ apps in there.
You can change the compile target to es5 as explained here, that should allow your angular app to run on older devices.
But note that Capacitor requires WebView 60 or newer, it could even work on WebView 55, but not older, so you won’t be able to test on some old emulators, but it should work on old devices as long as they have the System WebView package up to date.
Cli start created blank app does not start
It’s working fine for me, but I’m running from macOS, so might be a windows issue
Ionic Cordova IOS submission SKPaymentTransactionObserver
I have added an In App Purchase plugin on my ionic project and l am able to list the consumable products from my App Store Connect and the Sand box l can buy products working well.
The problem l am facing is that when l submitted my build to app store connect i have an warning the app must support SKPaymentTransactionObserver.
I am not sure what that is at all all my research to setup the In App Purchase i did not come across SKPaymentTransactionObserver.
I would appreciate it if someone can point me in the right direction to submit my app on the store.
How to enable Apple Pay or other capabilities for iOS builds on AppFlow
Hello. I am unable to get apple pay to run on the ios apps that I am building with appflow. With a manual build using Xcode, you have to add a capability under signing and capabilities tab of the project but I don’t see a way how to do that on appflow. I did read that fastlane allows this with the “enable-services” flag but I don’t know how to do the same on appflow.
DateTime presentation flag updates not reflected on DateTime button
Hi there,
I am using an ion-datetime-button and an ion-toggle to represent an “All Day” flag.
When the “All Day” flag is on, I want the time to be hidden on the ion-datetime-button.
When the “All Day” flag is off, I want the time to be shown on the ion-datetime-button.
Is there a recommended way to make this happen, or is the best/hacky way to hide the time button using CSS?
I have made a stackblitz to show my scenario.
https://ionic6-angular13-s2twwj.stackblitz.io
Thanks for any help in advance.
How to enable Apple Pay or other capabilities for iOS builds on AppFlow
Hi @hamza_mdev,
For some general guidance, we have this knowledge base article for missing entitlements:
For Appflow specific guidance, I recommend reviewing the App ID configuration to confirm the capabilities are enabled, and also check the certificate and provisioning profile are both configured properly for entitlements and capabilities. If you make any changes to these you will want to make sure to regenerate the certificate and provisioning profile as well and upload these again as described in this documentation:
If you complete these steps and the issue persists, please reach out to Appflow support for further assistance. Thanks!
Cap Plugins - Route Android platform calls to Web code
Hi! I’m trying to see if there’s a way to only have an iOS implementation of a capacitor plugin I’m writing. I understand I can do the not-implemented call responses on Android, but would be helped greatly if there was a way to instead just let the android platform calls route to the web code.
iOS → iOS
Android → Web
Web → Web
Is this possible?
Video editor plugin
I have no idea what the problem could be caused by, I will try to check and see if I can help.
Ion-textarea: get number of rows to display the whole content when scrolling
I’ve multiple ion-textareas with long content, so I need them to scroll instead if auto growing.
While adding the scrolling I just can scroll through the rows I’ve given at the start.
‘<ion-textarea class=“show-scrollbar” style=“max-height:120px;overflow-x: hidden;”
[(ngModel)]=“notes” rows=“6” cols=“1” >
’
CSS:
‘.show-scrollbar::-webkit-scrollbar {
width: 5px;
display: block !important;
}’
Can I get somehow the number of rows to display the whole content or something else to scroll through the whole textarea even when there is more content?
Flickering/Black glitch while redirecting to some other page
Is there a solution where the fallback route still exists?
Lock focus on , prevent blur
Hello,
I am having difficulty writing a Directive (or whatever it should be) that will prevent an from losing focus if the user taps elsewhere. I’m trying to revise my old Directive that was previously working. The event that is being received in my hook, onIonBlur is a “CustomEvent”. Not sure how to get this working.
Thanks.
– example use
<ion-input type=“text” [focusIf]=“true” [(ngModel)]=“theFieldValue” … />
@Directive({
selector: '[focusIf]'
})
export class FocusIfDirective implements OnChanges {
ngOnChanges(changes: SimpleChanges): void {
if (this.doFocus) {
this.focus();
}
}
@Input('focusIf') doFocus: boolean;
constructor(@Inject(ElementRef) private element: ElementRef, private renderer: Renderer2) {
}
@HostListener('ionBlur', ['$event'])
public onIonBlur(inEvent) {
// don't allow blur. refocus
if (this.doFocus) {
this.focus();
}
}
private focus() {
// is it even necessary to refocus in a timer?
let focusTimer = Observable.timer(250, 0)
.subscribe(() => {
this.element.nativeElement.focus();
focusTimer.unsubscribe();
}
);
}
}
Cannot destructure property 'month' of 'parseDate(...)' as it is undefined. undefined - Ionic Date Picker
Hello @pilotman. Did you find a solution for it?
Cannot destructure property 'month' of 'parseDate(...)' as it is undefined. undefined - Ionic Date Picker
Hey @jeetuchoudhary I ended up doing something like this:
.html file
<ion-item>
<ion-label>Date</ion-label>
<ion-input
value="{{ date | date: 'dd-MMM-yyyy' }}"
id="date"
class="ion-text-end"
readonly="true"
></ion-input>
<ion-popover trigger="date" size="cover">
<ng-template>
<ion-datetime [showDefaultButtons]="true"
#popoverDatetime
presentation="date" value="{{date}}"
(ionChange)="date = popoverDatetime.value;">
</ion-datetime>
</ng-template>
</ion-popover>
</ion-item>
in the .ts file:
public dateValue: any;
async ionViewDidEnter() {
this.date = this.dataObject.Date;
}
get date(): any {
return this.dateValue;
}
set date(value: any) {
value = moment(value).format('YYYY-MM-DD');
this.dateValue = value;
}
Other/ better ways may exist but this worked for me
Cannot destructure property 'month' of 'parseDate(...)' as it is undefined. undefined - Ionic Date Picker
Thanks, @pilotman. I have switched to the newly introduced Ion-datetime-button with an inline modal.
How to enable Apple Pay or other capabilities for iOS builds on AppFlow
Thank you for the reply!
All certificates and profiles are generated correctly, that is why apple pay works when I build manually through xcode. I read these documentations but couldn’t find anything, so I created a support ticket.
DateTime presentation flag updates not reflected on DateTime button
I have since separated the date and time into 2 separate date-time instances to work around this issue.
I have then put a condition on the time ion-datetime-button to only be shown if the “All Day” flag is off.
However, if there is a better way to approach this please do let me know. Thanks.