Ionic Forum - Build cross-platform mobile apps with HTML, CSS, and . . . Ionic Portals is a supercharged native Web View component for iOS and Android that lets you add web-based experiences to native mobile apps It enables native and web teams to better collaborate and bring new and existing web experiences to mobile in a safe, controlled way
Ionic Framework Essentials: From Basics to Advanced Techniques 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
Capactor 7 on Android - Toolbar and Tab Bar - display issue 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
SOLVED -–ion-safe-area has no effect on iOS - Ionic Framework Ionic 8 and Capacitor 6 with VueJS I’ve seen several posts around this issue, but unfortunately none of the proposed fixes work for me, or seem “the right way to do it” As I understand it, safe areas should be applied automatically to each device, ensuring for e g ion-header and ion-footer or ion-tabs to be displayed correctly
Ionic 7 - Mask on a ion-input - Ionic Angular - Ionic Forum Hello everyone… I need help to implement a mask in an ion-input ! I tried using Maskito as described in the Ionic DOCs, but I was unsuccessful If anyone can help me with an example that works, I’d be grateful I’m using Ionic Cli 7 1 1, @ionic angular 7 1 0, @angular-devkit and @angular cli 16 1 0, @ionic angular-toolkit 9 0 0 NodeJS : v18 16 0 Npm : 9 5 1 OS : Windows 10
Ionic capacitor using blocked aria-hidden issue Blocked aria-hidden on an element because its descendant retained focus The focus must not be hidden from assistive technology users Avoid using aria-hidden on a focused element or its ancestor Consider using the inert attribute instead, which will also prevent focus For more details, see the aria-hidden section of the WAI-ARIA specification at Accessible Rich Internet Applications (WAI
Latest Ionic Framework topics - Ionic Forum Ionic React This category is for anything related to Ionic React, the official React version of Ionic Framework ionic-v3 The Ionic-v3 category is for all posts related to ionic-angular the framework itself If you have any questions about the forum, please use the meta tag instead
Ionic Generate Page Issue with Angular Standalone Angular 19 updated the default components to standalone, so if you dont want to manually add all “standalone: false” to the components you can just downgrade to v18 of angular, until Ionic finds a way to solve this issue
Edge to edge Android - Ionic Framework - Ionic Forum For the sake of information but also SEO and keywords, if people are having issues with the android status bar and android navigation bar overlaying your app components; if the Android navigation buttons are overlaying Ionic Tabs, it’s due to edge to edge behaviour on Android 15 This plugin is a godsend