diff --git a/apps/app/ui-tests-app/issues/issue-3714.ts b/apps/app/ui-tests-app/issues/issue-3714.ts
new file mode 100644
index 000000000..e7dab2c37
--- /dev/null
+++ b/apps/app/ui-tests-app/issues/issue-3714.ts
@@ -0,0 +1,25 @@
+import { EventData } from 'tns-core-modules/data/observable';
+import { Page } from 'tns-core-modules/ui/page';
+import { Button } from "tns-core-modules/ui/button";
+import { Label } from "tns-core-modules/ui/label";
+import { StackLayout } from "tns-core-modules/ui/layouts/stack-layout";
+import { GridLayout } from "tns-core-modules/ui/layouts/grid-layout";
+
+export function toggle(args: EventData) {
+    const page = <Page>((<any>args.object).page);
+    
+    const getElementById = id => { return page.getViewById(id); }
+    
+    const toggleBtn = <Button>getElementById("toggleUserInteraction");
+    const isEnabled = toggleBtn.text === "disable" ? true : false;
+    toggleBtn.text = !isEnabled ? "disable" : "enable";
+
+    (<Button>getElementById("testBtn")).isUserInteractionEnabled = !isEnabled;
+    (<Button>getElementById("testLabel")).isUserInteractionEnabled = !isEnabled;
+    (<StackLayout>getElementById("testStackLayout")).isUserInteractionEnabled = !isEnabled;
+}
+
+export function test() {
+    console.log("onTap");
+    alert("onTap");
+}
diff --git a/apps/app/ui-tests-app/issues/issue-3714.xml b/apps/app/ui-tests-app/issues/issue-3714.xml
new file mode 100644
index 000000000..7f2282767
--- /dev/null
+++ b/apps/app/ui-tests-app/issues/issue-3714.xml
@@ -0,0 +1,11 @@
+<Page 
+    xmlns="http://schemas.nativescript.org/tns.xsd" class="page">
+    <StackLayout class="p-20">
+        <Button text="disable" tap="toggle" id="toggleUserInteraction" automationText="toggleUserInteraction"/>
+        <GridLayout rows="100 50 100" id="layoutid">
+            <Button id="testBtn" automationText="testBtn" row="0" isUserInteractionEnabled="{{userinteraction}}" text="test" tap="test" />
+            <Label id="testLabel" automationText="testLabel" row="1" text="test" isUserInteractionEnabled="{{userinteraction}}" tap="test"/>
+            <StackLayout id="testStackLayout" automationText="testStackLayout" row="2" isUserInteractionEnabled="{{userinteraction}}" backgroundColor="red" tap="test"></StackLayout>
+        </GridLayout>
+    </StackLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/issues/main-page.ts b/apps/app/ui-tests-app/issues/main-page.ts
index 04569c27f..c9286569c 100644
--- a/apps/app/ui-tests-app/issues/main-page.ts
+++ b/apps/app/ui-tests-app/issues/main-page.ts
@@ -21,6 +21,7 @@ export function loadExamples() {
     examples.set("3175", "issues/issue-3175");
     examples.set("3211", "issues/issue-3211");
     examples.set("1639", "issues/issue-1639");
+    examples.set("3714", "issues/issue-3714");
     examples.set("1657-ios", "issues/issue-1657-ios");
     examples.set("tabview-with-scrollview_4022","issues/tabview-with-scrollview_4022");
     examples.set("3354-ios", "issues/issue-3354");