feat: add appRootClass option to global config

Author: Tanner Reits

core/src/utils/config.ts

@@ -108,6 +108,8 @@ export interface IonicConfig {
    */
   toastDuration?: number;
 
+  appRootClass?: string;
+
   /**
    * Overrides the default "animation" of all `ion-nav` and `ion-router-outlet` across the whole application.
    * This prop allows to replace the default transition and provide a custom one that applies to all navigation outlets.

core/src/utils/framework-delegate.ts

@@ -1,3 +1,4 @@
+import { config } from '../global/config';
 import type { ComponentRef, FrameworkDelegate } from '../interface';
 
 import { componentOnReady } from './helpers';
@@ -128,7 +129,8 @@ export const CoreDelegate = () => {
      * Get the root of the app and
      * add the overlay there.
      */
-    const app = document.querySelector('ion-app, .ion-app') || document.body;
+    const appRootClass = config.get('appRootClass', 'ion-app');
+    const app = document.querySelector(`ion-app, ${appRootClass}`) || document.body;
 
     /**
      * Create a placeholder comment so that