iPhone XR version 12.1.2 tabbar issue


#1

Hi, I pushed out a new version of an app and I got a report that on an iPhone XR, version 12.1.2 the tabbar is messed up.

All module are up to date and on the latest platform build as well.


Screen shot attached


#2

Seems like this is an old bug really

Not sure why its happening now though…

Anyhow any help would be appreciated.

EDIT: I spun up an IOS 10 simulator and it display just fine so I’m wondering if its just the XR… Will report more when I have a chance to spin that up…


#3

Thank you for reporting this!

I’ve been able to reproduce it on my side on an iPhone XR simulator running iOS 12.1. Other devices don’t seem to be affected.

It’s similar to the issue in the SO post you linked but it is definitely a new one.

It’s very much an Apple bug, you can even see it manifest in Interface Builder.

I’ve pushed a workaround to our latest staging branch: v2.7.5

https://trigger.io/docs/current/api/release_notes.html

There’s a good chance Apple may fix this in a future iOS release and this could interact negatively with the workaround I’ve implement.

For this reason I’ve also added a new app config flag:

ios_disable_iphone_xr_running_ios12_1_2_tabbar_bug_workaround

Setting this to true in your src/config.json will disable the workaround if desired.

e.g.

"flags": {
    "ios_disable_iphone_xr_running_ios12_1_2_tabbar_bug_workaround": true
}

#4

Hi Antoine,

Let me give this a shot on my end ( I’m having some trouble getting forge to recognize the XR simulator for some reason, keeps saying it cant find it even when its open)

Thanks for the quick fix BTW too :slight_smile:


#5

Hi Antoine,

I was able to get it tested on the simulator, however forge still cannot find it, so I have to manually drag the build over to the emulator… Not sure if its my setup or what…

Anyhow, it appears to address the issue, however oddly enough it also offsets the margins in the wrapper so some of my other fixed elements that normally had a css prop of ‘bottom:0’ needed to have it updated to bottom:45px with a specific media query for the XR

As you have noted, this hopefully will be addressed in by apple but until then, thanks for getting this update out quickly!


#6

Antoine,

It looks like the issue is still happening when you go into landscape view, portrait is fine still.

Mike.


#7

I’m not seeing an issue here but this may be because my development environment is running on Xcode 10.1 and the iOS 12.1 SDK.

We’re not quite ready to push Xcode 10.1 to production on our side, but you can give it a try on your side by building against our staging branch if you set your src/config.json to use "platform_version": "v2.7.6"

You may also need to update your local Xcode to 10.1 to get the latest simulator versions.


#8

Hi Antoine,

I’m able to reproduce on the simulator here, I have the latest xCode and and testing with 12.1 iPhoneXr sim, 2.7.6 does not appear to fix it…


#9

Hi Antoine,

I also just tried it on the iPhone Xs and it appears to be happening there as well ( both landscape and portrait)

However the iPhoneX does not seem to have the issue… not sure what is going on with the newer iPhones…


#10

It’s still working for me here, on both XR and XS.

Is the issue the same as your original screenshot or slightly different?

If it’s different can you please upload a screenshot?

Are you sure the devicesdk in your local_config.json is set to iOS 12.1?

i.e.

"device": "simulator",
"devicesdk": "iOS 12.1",
"devicetypeid": "com.apple.CoreSimulator.SimDeviceType.iPhone-XS"

Otherwise, can you please upload a zip with:

  1. your src/config.json
  2. the image files you’re using in the tabbar
  3. an example of the code you’re using to populate the tabbar

Tx!


#11

Maybe also try a:

xcrun simctl shutdown all
xcrun simctl erase all

#12

Hi Antoine,

I did check and I am using IOS 12.1 and the devietypeID is correct

One thing to note however is that forge keeps saying it cant find the simulator so I am having to drag the simulator-ios file over to the sim to have it installed.

Im running simulator 10.1 with xCode 10.1 (10B61)

I have tried to get it working doing the things listed in another post about this but it will not hook in no matter what I try (im on High Sierra) if that makes and diff


#13

Hi Antoine,

So after looking at the configs again, it appears I have the SDK version set to IOS 12.1 and not iOS 12.1 ugh anyhow running it this way appears to be working… I’m going to do some more testing…

Thanks!

Mike.


#14

So this is very strange…

And I wish I had an actual device iPhone XR device to test on because I’m not sure if this is a simulator bug or what… .

  1. Open the app in portrait mode, nav bar looks fine
  2. Rotate the app to landscape and the nav bar looks like the original screenshot

Next

  1. Open the app in landscape mode and the nav bar looks good
  2. Rotate the app to portrait, and it still looks good

It appears there is something off when opening the app in portrait and switching to landscape…

** Edit **
Also, as a site note, this same functionality appears to happen with both the stable and beta branches of forge.

*** Edit 2 ***
It appears the the iPhone XS Max 12.1 has the same issue as the XR 12.1 does, regular XS seems ok still. Additionally, I downloaded a beta of xCode and 12.2 and the issue is still there unfortunately…