Bug: Wrong display of App Screen making the App unusable until restart of the App (testing device: iPhone 8 Plus)

[helgek]

Hi,

please find the app attached which I built with minimum number of elements and settings changes to demonstrate the buggy GUI behaviour which I can replicate with ComboBox controls. I didn't further verify if all the App settings and the responsive dimensions of the ComboBox really matter to replicate this bug. I just used the same setup which I currently use for my app development.

The same app is displayed correctly on Android.

Please also see the screenshots attached.

To reproduce the incorrect display behaviour of the app on an iPhone please do the following:

• Open the application while holding your device vertically.
• Straight click on the "Arrow Down" icon of the ComboBox. Don't click on the white space of the ComboBox to edit the ComboBox.
• Now you should see the editing dialog enlarged on your display and e.g. to see the cancel "cross" icon you need to scroll on the display -> This is the starting point of everything going wrong with the display of the app screen.
• Now leave the ComboBox
• Now you would still see the whole screen enlarged so that you have to scroll to reach all parts of the screen.
• With two fingers you can zoom out to have everything visible at once on the screen again.
• Now rotate your device horizontally -> You should now see that the screen is again enlarged so that you have to scroll to reach all elements on the screen or to zoom out with two fingers to have everything visible at once on the screen -> but now the app screen only covers half of the horizontal display of your device. The App.Width resolution is stuck with the resolution of the vertical display of the app.
  Rotate back vertically -> You should now see the app screen also only covering half of the display even in vertical mode.
  
  Maybe relevant settings/parameters for debugging analysis:
  
  
• iPhone PowerApps 3.19075.22
• iOS 13.0 (Beta)
• PowerApps Editor: 3.19.075.25
• App Dimension: Custom Layout with Width bigger than Height
• Scale to Fit: Off
• Lock Orientation: Off
• Screen type is Scrollable Screen with two sections (DataCards) in the same Canvas
• Bottom Section has an additional element besides the ComboBox which is at a Y position where you need to scroll to to see the additional element
  
  
  
• Screen Width and Height:
  Min(App.Height, App.DesignHeight)
  Min(App.Width, App.DesignWidth)
  
  
• Combo Box X and Width:
  Parent.Width/2-ComboBox1.Width/2
  Parent.Width/2
  
  Thank you,
  Helge
  
  

[v-xida-msft]

Hi @helgek ,

Based on the issue that you mentioned, I have made a test on my side, and don't have the issue that you mentioned. The version of my iOS device is 12.4, the version of PowerApps Mobile Apps is 3.19081.19.

Currently, the lastest PowerApps Mobile App version in iOS device is 3.19081.19. Please consider upgrade your PowerApps Mobile App to the latest version, then try your app again, check if the issue is solved.

Also please consider take a try to turn off the "Improved app rendering (final validation)" option within Advanced settings of App settings of your app, then re-publish your app, try your app again on your iOS device, check if the issue is fixed.

If the issue still exists, please consider run your PowerApps app using lower version of iOS device, e.g. iOS 12.4, then try your app, check if the issue still exists.

Best regards,

[helgek]

Hi @v-xida-msft,

thank you for testing my app with the scenario described.

I updated to the latest version of PowerApps (3.19081.19.) on my iOS device and I disabled the improved rendering and republished the app -> The issue remains when I tap on the down arrow of the ComboBox. When I tap into the white space of the ComboBox the editing field doesn't enlarge.

I hope that later today I will have the opportunity to ask a colleague at work not enrolled in iOS 13 to test the app. I will give an additional update then.

Thanks,

Helge

[helgek]

Hi @v-xida-msft,

I just had the opportunity to test with iPhone 7, iOS 12.2, PowerApps 3.19081.19 and still disabled improved rendering in the settings of the PowerApp. The issue happens exactly in the same way.

Please make sure that you only tap on the down arrow of the ComboBox straight after opening the app. Once you tap into the white space of the ComboBox and you then leave the editing dialog popping up and you then tap on the down arrow of the ComboBox the erroneous behaviour won't occur.

Helge

[helgek]

@v-xida-msft, Additional note:

I just tested with an additional ComboBox using Split("test1,test2,test3",",") as Items with only few characters which would not exceed the ComboBox width on a small screen. This also wouldn't avoid the issue.

[Anonymous]

Hi @helgek are you still experiencing this issue?

@Anonymous 

[helgek]

Hi @TopShelf-MSFT 

yes, the issue is still the same. There has also not been any new release of PowerApps for iOS in the meantime which I could have used to test again. Anyway I'm pretty sure that this well reproducable bug (at least here on two company devices with iOS 12 on iPhone 7 and iOS 13 on iPhone 8 Plus) will not disappear easily by coincidence because of other changes in the framework if it is not investigated directly. It has been there over multiple releases of PowerApps for iOS.

There seems to be a specific difference in the PowerApps framework regarding what happens when the user clicks on the editable canvas of the ComboBox compared to when the user clicks on the down arrow of the ComboBox. Of course I don't have any insight into the framework so I might be wrong, but at least from my superficial perspective I would assume that this would be starting point of investigation. What I can of course definitely not comprehend at all is why this strange screen behavior only occurs when the very first element you click on after opening the App is the down arrow segment of the ComboBox. Like I explained before the issue will not occur at all if you e.g. tapped/clicked into the editable canvas of the ComboBox before you tap/click on the down arrow segment of the ComboBox.

I can just say that for my project I'm working on currently and which I plan to roll out to many users in my company this bug is a showstopper for using the App on iOS. I've seen a workaround using TextInput Field instead but since this would not be a nice way of implementation I would definitely prefer to use the ComboBox. 

Since my company is a big customer of Office365 I could of course also try to get in touch with you via our Microsoft channels within the company if this would be of help in case you can definitely not reproduce this issue.

Best regards

Helge

[helgek]

Just tested with newly available 3.19082.20 for iOS. No difference to the previous versions.

Best,

Helge

[helgek]

@Anonymous
@v-xida-msft

[helge_it_corp]

Bug still there in latest version 3.19084.14.