diff --git a/platform/nativescript/plugins/modal-plugin.js b/platform/nativescript/plugins/modal-plugin.js
index 75a984fa..b3ad00da 100644
--- a/platform/nativescript/plugins/modal-plugin.js
+++ b/platform/nativescript/plugins/modal-plugin.js
@@ -85,7 +85,7 @@ export default {
         const modalPage = navEntryInstance.$mount().$el.nativeView
         updateDevtools()
 
-        this.$el.nativeView.showModal(modalPage, options)
+        this.$root.nativeView.showModal(modalPage, options)
       })
     }
   }
diff --git a/samples/app/536.js b/samples/app/536.js
index 784ae5f0..6ad318da 100644
--- a/samples/app/536.js
+++ b/samples/app/536.js
@@ -83,52 +83,3 @@ new Vue({
   </GridLayout>
   `
 }).$start()
-
-// Working code. Please comment the previous Vue instance and
-// uncomment the following commented code in order to workaround the issue
-// The workaround is opening the modal in the root component
-/*
-const TabContentWorking = {
-  template: `
-  <GridLayout rows="auto, auto">
-      <Label text="This is the home page." row="0" />
-      <Button text="Open Wizard" row="1" @tap="emitOpenEvent" />
-  </GridLayout>
-  `,
-  methods: {
-    emitOpenEvent() {
-      this.$emit('show')
-    }
-  }
-}
-
-new Vue({
-  components: {
-    TabContentWorking
-  },
-  template: `
-  <GridLayout rows="*">
-    <TabView androidTabsPosition="bottom" iosIconRenderingMode="alwaysOriginal">
-      <TabViewItem title="Tab1" textTransform="capitalize">
-        <Frame id="main-frame">
-          <Page class="page">
-            <ActionBar title="#536" />
-            <TabContentWorking @show="openModal" />
-          </Page>
-        </Frame>
-      </TabViewItem>
-    </TabView>
-  </GridLayout>
-  `,
-  methods: {
-    openModal () {
-      // show the wizard in a modal, and make sure it is fullscreen.
-      this.$showModal(WizardModal, {
-        fullscreen: true
-      }).then(res => {
-        console.log('wizard completed with res', res)
-      })
-    }
-  }
-}).$start()
-*/