diff --git a/e2e/safe-area/app/home/home-page.xml b/e2e/safe-area/app/home/home-page.xml
index a0d3fe467..78da7cfcf 100644
--- a/e2e/safe-area/app/home/home-page.xml
+++ b/e2e/safe-area/app/home/home-page.xml
@@ -10,5 +10,6 @@
         <Button text="ScrollView Examples" tap="onNavigate" route="scrollview/scrollview-page"></Button>
         <Button text="ListView Examples" tap="onNavigate" route="listview/listview-page" />
         <Button text="WrapLayout Examples" tap="onNavigate" route="wraplayout/wraplayout-page"></Button>
+        <Button text="Navigation" tap="onNavigate" route="wraplayout/no-action-bar/hwrap-nav-page"></Button>
     </StackLayout>
 </Page>
diff --git a/e2e/safe-area/app/scrollview/action-bar/vscroll-hwrap-nav-page.xml b/e2e/safe-area/app/scrollview/action-bar/vscroll-hwrap-nav-page.xml
new file mode 100644
index 000000000..b70af685e
--- /dev/null
+++ b/e2e/safe-area/app/scrollview/action-bar/vscroll-hwrap-nav-page.xml
@@ -0,0 +1,12 @@
+<Page class="page"
+    xmlns="http://schemas.nativescript.org/tns.xsd">
+
+    <ScrollView orientation="vertical">
+        <WrapLayout orientation="horizontal">
+            <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet" backgroundColor="green"></Button>
+            <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+            <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+            <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        </WrapLayout>
+    </ScrollView>
+</Page>
diff --git a/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nav-page.ts b/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nav-page.ts
new file mode 100644
index 000000000..221f164c0
--- /dev/null
+++ b/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nav-page.ts
@@ -0,0 +1,10 @@
+import { View, EventData } from "tns-core-modules/ui/core/view/view";
+import * as frame from "tns-core-modules/ui/frame";
+
+export function onNavigate(args: EventData) {
+    const view = args.object as View;
+    const route = view["route"];
+
+    // view.page.frame.navigate(route);
+    frame.topmost().navigate(route);
+}
diff --git a/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nav-page.xml b/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nav-page.xml
new file mode 100644
index 000000000..440b11b9f
--- /dev/null
+++ b/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nav-page.xml
@@ -0,0 +1,10 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="wraplayout/fragments" actionBarHidden="true">
+
+    <WrapLayout orientation="horizontal" backgroundColor="LightGreen">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"
+            backgroundColor="Green" tap="onNavigate" route="scrollview/action-bar/vscroll-hwrap-nav-page"></Button>
+        <Button text="H" backgroundColor="Pink"></Button>
+    </WrapLayout>
+
+</Page>