# Ordering multiple NativeViewHosts

**URL:** <https://forums.fusetools.com/t/ordering-multiple-nativeviewhosts/4991>\
**Category:** How-to Discussions\
**Created:** [December 1, 2017, 9:53pm UTC](https://forums.fusetools.com/t/ordering-multiple-nativeviewhosts/4991 "2017-12-01T21:53:24Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jacob\_H\_Rothschild](https://avatars.discourse-cdn.com/v4/letter/j/6f9a4e/32.png) [@Jacob\_H\_Rothschild](https://forums.fusetools.com/u/Jacob_H_Rothschild)\
**Post date:** [December 1, 2017, 9:53pm UTC](https://forums.fusetools.com/t/ordering-multiple-nativeviewhosts/4991/1 "2017-12-01T21:53:24Z")

</div>

Hello, in the app I am working on, I recently had a problem with `TextInput` being drawn on top of everything else. To avoid this behaviour, I would like to wrap the content that should be drawn on top of the `TextInput` in a `NativeViewHost`.

The elements I would like to draw the `TextInput` behind are far up in a large view hierarchy. Thus, wrapping both them and the much more deeply nested `TextInput` in the same `NativeViewHost` would result in a lot of other views ending up in the same `NativeViewHost`. Due to stability and ease of implementation, I would thus prefer to only wrap these far-up elements, instead of the whole hierarchy. The problem I have encountered is that their `NativeViewHost` is drawn behind the native view of the `TextInput`. **How could I go about controlling the z placement of native views, in relation to each other?**

To reproduce:

```auto
<App>
	<Panel>
		<NativeViewHost>
			<Rectangle Background="Red" Margin="0,100" Opacity=".9"/>
		</NativeViewHost>
		<TextInput/>
	</Panel>
</App>

```

---

<div class="post-metadata">

**Author:** ![Vegard\_Strand\_Lende](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/vegard_strand_lende/32/349_2.png) [@Vegard\_Strand\_Lende](https://forums.fusetools.com/u/Vegard_Strand_Lende)\
**Post date:** [December 4, 2017, 4:15pm UTC](https://forums.fusetools.com/t/ordering-multiple-nativeviewhosts/4991/2 "2017-12-04T16:15:52Z")

</div>

There is not exposed a way to control z ordering across `NativeViewHost`s (`TextInput` has an internal `NativeViewHost` that is on the screen whenever a `TextInput` is focused). Z ordering between nested `NativeViewHost`s is respected though.

Sounds like you need to go `NativeViewHost` all the way for your specific case.