diff --git a/apps/app/ui-tests-app/issues/main-page.ts b/apps/app/ui-tests-app/issues/main-page.ts
index c5e95c2d9..50b9be657 100644
--- a/apps/app/ui-tests-app/issues/main-page.ts
+++ b/apps/app/ui-tests-app/issues/main-page.ts
@@ -22,6 +22,7 @@ export function pageLoaded(args: EventData) {
     examples.set("3211", "issues/issue-3211");
     examples.set("1639", "issues/issue-1639");
     examples.set("1657-ios", "issues/issue-1657-ios");
+    examples.set("tabview-with-scrollview_4022","issues/tabview-with-scrollview_4022");
 
     let viewModel = new SubMainPageViewModel(wrapLayout, examples);
     page.bindingContext = viewModel;
diff --git a/apps/app/ui-tests-app/issues/tabview-with-scrollview_4022.xml b/apps/app/ui-tests-app/issues/tabview-with-scrollview_4022.xml
new file mode 100644
index 000000000..f36f0f6fd
--- /dev/null
+++ b/apps/app/ui-tests-app/issues/tabview-with-scrollview_4022.xml
@@ -0,0 +1,40 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page">
+    <Page.actionBar>
+        <ActionBar title="tabview-with-scrollview_4022" icon="" class="action-bar" />
+    </Page.actionBar>
+    <GridLayout>
+            <TabView>
+                <TabView.items>
+                    <TabViewItem title="Tab 1">
+                        <TabViewItem.view>
+                            <ScrollView>
+                                <StackLayout height="1500">
+                                    <Label text="Tab1" textWrap="true" color="#FED700" margin="20" horizontalAlignment="center"/>    
+                                    <Image src="res://icon" height="100" />
+                                </StackLayout>
+                            </ScrollView>
+                        </TabViewItem.view>
+                    </TabViewItem>
+
+                    <TabViewItem title="Tab 2" >
+                        <TabViewItem.view>
+                            <StackLayout>
+                                <Label text="Tab2" textWrap="true" color="#FED700" margin="20" horizontalAlignment="center"/>    
+                                <Image src="res://icon" height="100" />
+                            </StackLayout>
+                        </TabViewItem.view>
+                    </TabViewItem>
+                    
+                    <TabViewItem title="Tab 3">
+                        <TabViewItem.view>
+                            <StackLayout>
+                                <Label text="Tab3" textWrap="true" color="#FED700" margin="20" horizontalAlignment="center"/>    
+                                <Image src="res://icon" height="100" />
+                            </StackLayout>
+                        </TabViewItem.view>
+                    </TabViewItem>
+                    
+                </TabView.items>
+            </TabView>
+    </GridLayout>
+</Page>