NativeScript · farfromrefug · Nov 16, 2023 · Nov 16, 2023 · Nov 16, 2023 · Nov 24, 2023
diff --git a/packages/core/ui/core/view/index.android.ts b/packages/core/ui/core/view/index.android.ts
@@ -231,6 +231,7 @@ function initializeDialogFragment() {
 			const owner = this.owner;
 			this.activity = new WeakRef(this.getActivity());
 			owner._setupAsRootView(this.getActivity());
+			owner.parent = Application.getRootView();
 			owner._isAddedToNativeVisualTree = true;

 			// we need to set the window SoftInputMode here.
@@ -296,6 +297,7 @@ function initializeDialogFragment() {

 				owner._isAddedToNativeVisualTree = false;
 				owner._tearDownUI(true);
+				owner.parent = null;
 			}
 		}
 	}

diff --git a/packages/core/ui/core/view/index.ios.ts b/packages/core/ui/core/view/index.ios.ts
@@ -16,6 +16,7 @@ import { CoreTypes } from '../../../core-types';
 import type { ModalTransition } from '../../transition/modal-transition';
 import { SharedTransition } from '../../transition/shared-transition';
 import { NativeScriptUIView } from '../../utils';
+import { Application } from '../../../application';

 export * from './view-common';
 // helpers (these are okay re-exported here)
@@ -500,17 +501,20 @@ export class View extends ViewCommon implements ViewDefinition {
 		this._setupAsRootView({});

 		super._showNativeModalView(<ViewCommon>parentWithController, options);
-		let controller = this.viewController;
+		let controller: IOSHelper.UILayoutViewController = this.viewController;
 		if (!controller) {
 			const nativeView = this.ios || this.nativeViewProtected;
-			controller = <UIViewController>IOSHelper.UILayoutViewController.initWithOwner(new WeakRef(this));
+			controller = <IOSHelper.UILayoutViewController>IOSHelper.UILayoutViewController.initWithOwner(new WeakRef(this));
+			controller.modal = true;

 			if (nativeView instanceof UIView) {
 				controller.view.addSubview(nativeView);
 			}

 			this.viewController = controller;
 		}
+		// we set the parent to root to access all css root variables
+		this.parent = Application.getRootView();

 		if (options.transition) {
 			controller.modalPresentationStyle = UIModalPresentationStyle.Custom;

diff --git a/packages/core/ui/core/view/view-common.ts b/packages/core/ui/core/view/view-common.ts
@@ -444,6 +444,7 @@ export abstract class ViewCommon extends ViewBase implements ViewDefinition {
 					}

 					this._tearDownUI(true);
+					this.parent = null;
 				}
 			};


diff --git a/packages/core/ui/core/view/view-helper/index.d.ts b/packages/core/ui/core/view/view-helper/index.d.ts
@@ -64,8 +64,9 @@ export namespace IOSHelper {
 	export function getFrameFromPosition(position: { left; top; right; bottom }, insets?: { left; top; right; bottom }): any; /* CGRect */
 	export function shrinkToSafeArea(view: View, frame: any /* CGRect */): any; /* CGRect */
 	export function expandBeyondSafeArea(view: View, frame: any /* CGRect */): any; /* CGRect */
-	export class UILayoutViewController {
+	export class UILayoutViewController extends UIViewController {
 		public static initWithOwner(owner: WeakRef<View>): UILayoutViewController;
+		modal?: boolean;
 	}
 	export class UIAdaptivePresentationControllerDelegateImp {
 		public static initWithOwnerAndCallback(owner: WeakRef<View>, whenClosedCallback: Function): UIAdaptivePresentationControllerDelegateImp;

diff --git a/packages/core/ui/core/view/view-helper/index.ios.ts b/packages/core/ui/core/view/view-helper/index.ios.ts
@@ -13,6 +13,9 @@ export const AndroidHelper = 0;
 @NativeClass
 class UILayoutViewController extends UIViewController {
 	public owner: WeakRef<View>;
+	// used to know if we are a modal controller
+	// in this case the owner has a parent (rootView) but we still need to load/unload it
+	public modal;

 	public static initWithOwner(owner: WeakRef<View>): UILayoutViewController {
 		const controller = <UILayoutViewController>UILayoutViewController.new();
@@ -99,15 +102,15 @@ class UILayoutViewController extends UIViewController {

 		IOSHelper.updateAutoAdjustScrollInsets(this, owner);

-		if (!owner.isLoaded && !owner.parent) {
+		if (!owner.isLoaded && (!owner.parent || this.modal)) {
 			owner.callLoaded();
 		}
 	}

 	public viewDidDisappear(animated: boolean): void {
 		super.viewDidDisappear(animated);
 		const owner = this.owner?.deref();
-		if (owner && owner.isLoaded && !owner.parent) {
+		if (owner && owner.isLoaded && (!owner.parent || this.modal)) {
 			owner.callUnloaded();
 		}
 	}