# UI 3D widget upside-down on iOS and Android

**URL:** <https://forums.unrealengine.com/t/ui-3d-widget-upside-down-on-ios-and-android/308877>\
**Category:** UI\
**Tags:** bug, unreal-engine, device, UI, Widget, question\
**Created:** [March 3, 2015, 9:03am UTC](https://forums.unrealengine.com/t/ui-3d-widget-upside-down-on-ios-and-android/308877 "2015-03-03T09:03:54Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Epok](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Epok](https://forums.unrealengine.com/u/Epok)\
**Post date:** [March 3, 2015, 9:03am UTC](https://forums.unrealengine.com/t/ui-3d-widget-upside-down-on-ios-and-android/308877/1 "2015-03-03T09:03:54Z")

</div>

Hi,

In both Unreal 4.6 and 4.7.1 any UI placed into the scene using the 3D widget component displays upside-down when on the device. All the hit-tests for collisions however, such as button presses, still behave as if they are the right way up.

I was hoping 4.7.1 would fix this after looking at the release notes:

> Fixed a bug that caused materials  
> drawn with  
> DrawMaterial/DrawMaterialSimple on  
> Canvas to be drawn upside-down on iOS  
> and Android.

But apparently that’s not the case. Is there a fix for this coming soon?

Thanks

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_e729f54e](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_e729f54e](https://forums.unrealengine.com/u/anonymous_user_e729f54e)\
**Post date:** [March 3, 2015, 8:41pm UTC](https://forums.unrealengine.com/t/ui-3d-widget-upside-down-on-ios-and-android/308877/2 "2015-03-03T20:41:53Z")

</div>

Hello Epok,

I believe the issue that you are referring to is (UE-7575) and I apologize for any confusion but this has not been resolved. I went ahead and double checked. There may have been a mistake in the release notes, however if there was it has since been corrected. Thank you for you time and information.

Make it a great day

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_e815e8ea](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_e815e8ea](https://forums.unrealengine.com/u/anonymous_user_e815e8ea)\
**Post date:** [May 18, 2015, 3:14am UTC](https://forums.unrealengine.com/t/ui-3d-widget-upside-down-on-ios-and-android/308877/3 "2015-05-18T03:14:41Z")

</div>

Has this been fixed yet? I am experiencing this issue.

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_e729f54e](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_e729f54e](https://forums.unrealengine.com/u/anonymous_user_e729f54e)\
**Post date:** [May 18, 2015, 2:02pm UTC](https://forums.unrealengine.com/t/ui-3d-widget-upside-down-on-ios-and-android/308877/4 "2015-05-18T14:02:36Z")

</div>

Hello paragonx9,

I went ahead and double checked on this issue for you. It appears to have been fixed on our latest internal build. This solution will be available in a later release of the engine. I have provided the commit below. I hope this information helps.

Commit:

[https://github.com/EpicGames/UnrealEngine/commit/39c692fd243ac3d730e0b6a0fe0002f23e20058a](https://github.com/EpicGames/UnrealEngine/commit/39c692fd243ac3d730e0b6a0fe0002f23e20058a)

Make it a great day

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_e815e8ea](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_e815e8ea](https://forums.unrealengine.com/u/anonymous_user_e815e8ea)\
**Post date:** [May 18, 2015, 3:17pm UTC](https://forums.unrealengine.com/t/ui-3d-widget-upside-down-on-ios-and-android/308877/5 "2015-05-18T15:17:13Z")

</div>

Thank you! I’ll just wait for the next version of ue4 to come out.

---

<div class="post-metadata">

**Author:** ![cgiteach](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/cgiteach/32/559818_2.png) [@cgiteach](https://forums.unrealengine.com/u/cgiteach)\
**Post date:** [November 13, 2015, 9:21am UTC](https://forums.unrealengine.com/t/ui-3d-widget-upside-down-on-ios-and-android/308877/6 "2015-11-13T09:21:58Z")

</div>

I’m experiencing a reversed bug on 3D widget featuring web content where, after enabling mouse events these interact with the web page as if both x and y were reversed, even though the web page is properly displayed on the screen.  
Does anybody experience these issues at the moment ?

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_e729f54e](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_e729f54e](https://forums.unrealengine.com/u/anonymous_user_e729f54e)\
**Post date:** [November 13, 2015, 2:28pm UTC](https://forums.unrealengine.com/t/ui-3d-widget-upside-down-on-ios-and-android/308877/7 "2015-11-13T14:28:31Z")

</div>

Hello cgiteach,

I have a few questions for you that will help narrow down what issue it is that you are experiencing.

Quick questions:

1. what version of the engine are you using?
2. Can you reproduce this issue in a clean project?
3. If so, could you provide a detailed list of steps to reproduce this issue on our end?
4. Could you provide screen shots of any blueprints that may be involved?

---

<div class="post-metadata">

**Author:** ![cgiteach](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/cgiteach/32/559818_2.png) [@cgiteach](https://forums.unrealengine.com/u/cgiteach)\
**Post date:** [November 16, 2015, 8:44am UTC](https://forums.unrealengine.com/t/ui-3d-widget-upside-down-on-ios-and-android/308877/8 "2015-11-16T08:44:14Z")

</div>

Sorry for the late response, couldn’t reply during the weekend.

1. I’m using 4.9.2
2. Yes, I’ve reproduced it several times over, under the same engine
3. I’ve enabled the experimental web plugin, I make a new widget with a default container where I add the web browser widget, anchored on the top left corner, 0,0 coordinates, 1280x720 px, though I’ve experimented with other settings and it’s irrelevant. Then I make an actor BP and load the experimental widget component, pivot at .5, .5 and x and y the same as the web browser widget, I load the BP in the world and I command on begin play in the level editor to set input to game and UI. When I aim some text field and click to select and drag, as I move my mouse down the selection goes up. And I can click buttons on top by placing my cursor towards the bottom of the widget. It doesn’t feel like it’s perfectly symmetrical but it’s certainly inversed.
4. Here you go: [Dropbox - Error](https://www.dropbox.com/s/s8em6jvsoagcwzg/screenShotsBug.jpg?dl=0)

Haven’t tried to reproduce it on the 4.10 version but I’ve turned most of the settings around and short of switching from world to screen size in the actor blueprint, nothing seemed to fix this.

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_e729f54e](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_e729f54e](https://forums.unrealengine.com/u/anonymous_user_e729f54e)\
**Post date:** [November 17, 2015, 6:12pm UTC](https://forums.unrealengine.com/t/ui-3d-widget-upside-down-on-ios-and-android/308877/9 "2015-11-17T18:12:51Z")

</div>

Hello cgiteach,

After looking over the information that you have provided it appears that the issue you are experiencing is different from the original issue of this thread. The issue above was that the entire widget (display and all) was upside down. The issue that you are describing would be a known issue (UE-20777) this has to do with the functionality of the widget being offset. I hope that this information helps.

Note: The original issue (UE-7575) was resolved in 4.8.

Make it a great day
