@ngx-formly/ionic
v6 doesn’t support Ionic 8.
v7-alpha does - see Ionic 8 · Issue #4045 · ngx-formly/ngx-formly · GitHub and ngx-formly/src/ui/ionic/package.json at 3429a20ee1d03d74cd5519a0b66358538eeba4a4 · ngx-formly/ngx-formly · GitHub
@ngx-formly/ionic
v6 doesn’t support Ionic 8.
v7-alpha does - see Ionic 8 · Issue #4045 · ngx-formly/ngx-formly · GitHub and ngx-formly/src/ui/ionic/package.json at 3429a20ee1d03d74cd5519a0b66358538eeba4a4 · ngx-formly/ngx-formly · GitHub
I had to add the <ng-template>
element inside <ion-modal>
to get rid of this error:
<ion-modal [keepContentsMounted]="true">
<ng-template>
<ion-datetime id="datetime"></ion-datetime>
</ng-template>
</ion-modal>
I have the same problem with transform and rotate(180deg) on an icon.
Hi @wekas, I have the same issue after looking around (AI didn’t help). I found out that the plugin needs to have privacyInfo.xcprivacy file to work. So you will need to update the npm packages to the versions which support the change. I opened the fix for @capacitor-community/fcm
to update the cocopod version, which supports the privacyInfo.
@twestrick Thanks, yeah I saw that note, also aware about @ion-native and working on the move.
I am planning on upgrading but I need to support dynamic links for the next few months.
I have resolved the privacy manifest issue. It seems there is a workaround for old packages/SDKs. I am now in the app store
Details here: Handling Privacy Manifest Requirements with Outdated Firebase and Angular Version - #9 by wekas
Now that the short-term headache is over, the new plan is to avoid updating individual packages in the project, as it’s a massive hassle. My packages are severely outdated, with many redundant settings dating back to Ionic 3.
In a few months when I no longer need to support dynamic links, I’ll create a brand-new Ionic/Capacitor project using the latest versions of everything and migrate my code over. This will allow me to remove unsupported packages and replace them with current alternatives that serve the same purpose.
@ciccilleju there is a way to sort the privacy manifest with old SDK’s see my other post linked above.
On a side note stackoverflow moderators are closing any questions around the privacy manifests, not sure why but at least I can post in here about them.
I found a solution that does not involve updating the packages / SDKs.
My app has been approved and is in the app store now.
Good to go.
If anyone wants more detail let me know.
Hi All
First post!
I am working with Ionic 8 and Vuejs.
I cannot for the life of me figure out how to format the modal background and text on an ion-select with the interface=‘modal’ option?
I have passed in a className via interface-options but nothing seems to work wrt getting the formatting to stick. I have tried the CSS modal shadow classes, etc but it all just fails to change anythign.
I am so utterly confused!
Can anyone please help?
Apples Oranges Bananas .test-css-class { --background: blue; color: red; --height: 50%; --border-radius: 16px; }Anda dapat menghubungi Pluang Melalui WhatsApp 62821-7338-9055 Care melalui email tanya@pluang.com atau live chat 24/7. Anda perlu menyertakan data berikut: Nama terdaftar, Alamat terdaftar, Nomor handphone terdaftar, Alasan penonaktifan akun.
Anda dapat menghubungi Pluang Care melalui email, telepon, atau live chat.
Email Kirim email ke tanya@pluang.com.
Halo BCA +62878-4457-9642 halo BCA slalu siap melayani kapan saja setiap hari selama 24jam/7hari * banyak cara komplain BCA kartu kredit
If upgrading is too complex, manually creating the privacy manifest could be a good temporary fix. Extract the necessary info from Firebase 10.22.0 and other SDKs. Upgrading later might be easier long-term. Hope this helps!
My understanding is that the Capgo plugin works for monolithic apps. Does the Capgo plugin support micro frontends?
This should get you started.
<template>
<ion-list>
<ion-item>
<ion-select aria-label="Fruit" interface="modal" placeholder="Select fruit">
<ion-select-option value="apples">Apples</ion-select-option>
<ion-select-option value="oranges">Oranges</ion-select-option>
<ion-select-option value="bananas">Bananas</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
</template>
<style>
.select-modal {
--height: 50%;
--border-radius: 16px;
}
.select-modal ion-toolbar {
--background: blue;
--color: red;
}
.select-modal ion-content {
--background: blue;
--ion-item-background: blue;
}
.select-modal ion-radio::part(label) {
color: red;
}
</style>
And a working example - Ionic: Format ion-select modal - StackBlitz
I have platform/ios on bitbucket.
[15:24:00]: Generating app manifest…
[15:24:00]: ----------------------------------
[15:24:00]: — Step: add_cordova_to_index —
[15:24:00]: ----------------------------------
[15:24:00]: cordova.js missing in index.html: adding it
[15:24:00]: Writing new index.html
[15:24:00]: cordova.js successfully added to index.html
[15:24:00]: ---------------------------------------
[15:24:00]: — Step: cordova platform add ios —
[15:24:00]: ---------------------------------------
[15:24:00]: $ cordova platform add ios
[15:24:00]: ▸ Using cordova-fetch for cordova-ios@^6.2.0
[15:24:00]: ▸ Platform ios already added.
[15:24:00]: -------------------------
[15:24:00]: — Step: upload_logs —
[15:24:00]: -------------------------
[15:24:05]: --------------------------------------
[15:24:05]: — Step: sentry_capture_exception —
[15:24:05]: --------------------------------------
I, [2025-02-21T15:24:07.199566 #2217] INFO – sentry: ** [Sentry] [Transport] Sending envelope with items [event] 017ae742bb0545868e1b0fafff7d0ae9 to Sentry
[15:24:07]: ---------------------------
[15:24:07]: — Step: shell command —
[15:24:07]: ---------------------------
[15:24:07]: Exit status of command 'cordova platform add ios ’ was 1 instead of 0.
Using cordova-fetch for cordova-ios@^6.2.0
Platform ios already added.
±-----------------------------------------+
| Lane Context |
±---------------------±------------------+
| DEFAULT_PLATFORM | ios |
| PLATFORM_NAME | ios |
| LANE_NAME | ios build_cordova |
| IONIC_CLI_VERSION | 7.2.0 |
| NODE_PACKAGE_MANAGER | npm |
| PROJECT_WEB_DIR | www |
±---------------------±------------------+
[15:24:07]: Exit status of command 'cordova platform add ios ’ was 1 instead of 0.
Using cordova-fetch for cordova-ios@^6.2.0
Platform ios already added.
±-----------------------------------------------+
| fastlane summary |
±-----±--------------------------±------------+
| Step | Action | Time (in s) |
±-----±--------------------------±------------+
| 1 | add_extra_platforms | 0 |
| 2 | default_platform | 0 |
| 3 | prepare_environment | 0 |
| 4 | sentry_init | 0 |
| 5 | begin_building | 0 |
| 6 | build_summary | 2 |
| 7 | set_ionic_cli | 0 |
| 8 | detect_package_manager | 0 |
| 9 | add_git_credentials | 0 |
| 10 | get_appflow_config | 0 |
| 11 | dependency_install | 64 |
| 12 | get_web_dir | 0 |
| 13 | modify_config_xml | 0 |
| 14 | build_pro_app | 44 |
| 15 | add_cordova_to_index | 0 |
| | cordova platform add ios | 0 |
| 17 | upload_logs | 4 |
| 18 | sentry_capture_exception | 1 |
| 19 | shell command | 0 |
±-----±--------------------------±------------+
[15:24:07]: fastlane finished with errors
/opt/homebrew/Cellar/fastlane/2.225.0/libexec/bin/fastlane: [!] Exit status of command 'cordova platform add ios ’ was 1 instead of 0. (FastlaneCore::Interface::FastlaneShellError)
Using cordova-fetch for cordova-ios@^6.2.0
Platform ios already added.
Running after_script
Running after script…
$ clean-up
Cleaning up project directory and file based variables
Terminating VM: build_stack_2024.12_arm64-1740151271943428000 (b05dc4fd-44f1-4ef4-bacb-d0a75aeb4ac4) | Controller Instance ID: a129c173-3028-4ba9-67bd-13b565b86471 | Host: 10.2.181.103
ERROR: Job failed: Process exited with status 1
Works!
Thanks so much for your help. I have had a hard time making sense of the documentation on this.
Much appreciated.
It worked for me after using .browserlistrc file but I now see that my app styling is completely broken, because I had used modern css such as css variables var(–color), custom properties, etc. Does anybody know how to fix that?
Sounds great that you already find out the way of fix this issue.
I’m trying too. I’m struggling on the step 1. I don’t find anywhere the PrivacyInfo files for GTMAppAuth and GoogleSignIn SDKs
Any clue where I can get this files?
Without more info, it’s hard to know. If you are using Vite, you would need @vitejs/plugin-legacy
.
Did you ever solve this? I am experiencing the same issue.
"@capacitor/android": "7.0.1",
"@capacitor/app": "7.0.0",
"@capacitor/browser": "7.0.0",
"@capacitor/core": "7.0.1",
"@capacitor/device": "7.0.0",
"@capacitor/dialog": "7.0.0",
"@capacitor/filesystem": "7.0.0",
"@capacitor/ios": "7.0.1",
"@capacitor/keyboard": "7.0.0",
"@capacitor/splash-screen": "7.0.0",
"@capgo/capacitor-native-biometric": "7.1.7"
This happened for me when I forgot to update @capacitor/cli
.