# How to place or move a component higher(Z offset) than the MapView component

**URL:** <https://forums.fusetools.com/t/how-to-place-or-move-a-component-higher-z-offset-than-the-mapview-component/7182>\
**Category:** How-to Discussions\
**Created:** [May 17, 2018, 11:54am UTC](https://forums.fusetools.com/t/how-to-place-or-move-a-component-higher-z-offset-than-the-mapview-component/7182 "2018-05-17T11:54:37Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)\
**Post date:** [May 17, 2018, 11:54am UTC](https://forums.fusetools.com/t/how-to-place-or-move-a-component-higher-z-offset-than-the-mapview-component/7182/1 "2018-05-17T11:54:37Z")

</div>

Anyone know how or if this is possible? I’m trying to pop up a modal over a map view.

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [May 17, 2018, 11:56am UTC](https://forums.fusetools.com/t/how-to-place-or-move-a-component-higher-z-offset-than-the-mapview-component/7182/2 "2018-05-17T11:56:18Z")

</div>

Just put it inside of the same `NativeViewHost`, and have it above your `MapView` in UX markup hierarchy.

---

<div class="post-metadata">

**Author:** ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)\
**Post date:** [May 17, 2018, 12:34pm UTC](https://forums.fusetools.com/t/how-to-place-or-move-a-component-higher-z-offset-than-the-mapview-component/7182/3 "2018-05-17T12:34:10Z")

</div>

Shweet, thanks @Uldis! It works!

I previously just had the NativeViewHost enclosed around the MapView but now I placed it around the contents of the page and everything still works like a charm 😃

---

<div class="post-metadata">

**Author:** ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)\
**Post date:** [May 17, 2018, 2:59pm UTC](https://forums.fusetools.com/t/how-to-place-or-move-a-component-higher-z-offset-than-the-mapview-component/7182/4 "2018-05-17T14:59:29Z")

</div>

Works fine on iOS but on android (\*correction, low end android), scroll events are going through to the MapView.

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [May 18, 2018, 11:23am UTC](https://forums.fusetools.com/t/how-to-place-or-move-a-component-higher-z-offset-than-the-mapview-component/7182/5 "2018-05-18T11:23:34Z")

</div>

That’s a different issue, and as such it deserves a separate forum post, all with a complete, minimal reproduction that others could copy-paste and run.

---

<div class="post-metadata">

**Author:** ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)\
**Post date:** [May 18, 2018, 6:34pm UTC](https://forums.fusetools.com/t/how-to-place-or-move-a-component-higher-z-offset-than-the-mapview-component/7182/6 "2018-05-18T18:34:09Z")

</div>

Aye, will work on and post a reproduction asap.

---

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [May 20, 2018, 10:20am UTC](https://forums.fusetools.com/t/how-to-place-or-move-a-component-higher-z-offset-than-the-mapview-component/7182/7 "2018-05-20T10:20:52Z")

</div>

+1 sample code here:

> [@Showing panel on top of map - panel not clickable on android](https://forums.fusetools.com/t/showing-panel-on-top-of-map-panel-not-clickable-on-android/7176):
>
> Hi, when showing a panel on the top of a map in Android it does not behave as it does in local/iOS Fuse 1.8 Android 6.0.1 To reproduce (android): 1.- click on the top panel to show the bottom panel (check that it moves overlaying the bottom bar) 2.- click on the bottom panel that just appeared (check that “nothing happens”) 3.- drag the bottom panel and the map moves 4.- click again on the top panel to hide the bottom panel (again check that it moves overlaying the bottom bar) So the p…

---

<div class="post-metadata">

**Author:** ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)\
**Post date:** [May 21, 2018, 9:51am UTC](https://forums.fusetools.com/t/how-to-place-or-move-a-component-higher-z-offset-than-the-mapview-component/7182/8 "2018-05-21T09:51:17Z")

</div>

Cool @zaulin, there ya go @Uldis 😄
