First, if you used create-react-app or used ionic itself to create your ionic react project you probably need to use something like craco to allow overriding CRA’s configurations. That will allow you to add tailwind and autoprefixer as postcss plugins. You’ll also want to change package.json to use craco to run react-scripts.
Forum for Ionic Framework, Capacitor, and everything cross-platform mobile app development related
Ionic Forum - Build cross-platform mobile apps with HTML, CSS, and ...
Embark on a transformative journey into mobile app development with “Ionic Framework Essentials: From Basics to Advanced Techniques.” This comprehensive guide is crafted to empower developers, whether newcomers to the Ionic ecosystem or seasoned professionals seeking to master advanced techniques. Dive into the heart of Ionic, unravel its foundational principles, and elevate your skills to ...
This category is for all posts related to modern Ionic Framework, including Ionic Angular, Ionic React, and Ionic Vue. This includes all versions of Ionic Framework, from 4.0 and up.
With the upgrade to Ionic 7, we’re running into issues with the new label-structure for ion-input, ion-range, ion-toggle, etc. For most components & pages, the attribute aria-label works fine, both for binding and for regular text input.
Ionic 7: Can't bind to 'aria-label' since it isn't a known property of ...
I have updated my app (Ionic 8, VueJs) to Capacitor 7 and noticed that the app doesn’t “respect” the system toolbar on tablets, instead the content (header) is squeezed behind the system toolbar, causing the toolbar title to be halfway cut off. Same goes for my ion-tab-bar - the icons in the tab bar look squeezed (scaled) down and the respective tab labels aren’t even visible. They ...
Hello, I have an ionic 4 app. I am using angular routing. I have a page with a number of @Components on it. In one component I want ngOnDestroy called when navigating to another page. In my app.component.ts I have a menu which I can chose which page to navigate to. this.router.navigate([page.url]); When I navigate from the page with the component that has the ngOnDestroy( ), ngOnDestroy( ) is ...
It is NOT 'bad' to use the new keyword. But if you forget it, you will be calling the object constructor as a regular function. If your constructor doesn't check its execution context then it won't notice that 'this' points to different object (ordinarily the global object) instead of the new instance. Therefore your constructor will be adding properties and methods to the global object ...
Without ionic elements - Album on Imgur We have done quite a bit of research and we found other people with the same issue but we haven’t found an acceptable solution yet (for example: How to disable cache for a single ion-content or component? - #17 by rapropos).