Hi everyone,
We have a user experiencing a display issue. Here's a screenshot they shared with us. Unlike in the simulator, where we see three icons, their display shows two buttons abbreviated with ellipses. The device is iPhone 12 mini with iOS 17.6.1.
The user isn't using any accessibility settings or large text size. Does anyone know what setting might be causing this? Any advice would be appreciated!
Thanks!
their display shows two buttons abbreviated with ellipses
It's not exactly that. Rather, there isn't enough room for two buttons there, so they're replaced by a single "More" button (icon: a circle with ellipses inside), and the original buttons are available as popup menu choices on the More button.
There's definitely less overall width available on your user's device, as you can see from the horizontal layout of the 7 days of the week.
What's going on with the overlapping Sa/Su dates? Is that a feature of your code, or a layout issue resulting from an incorrect assumption about the minimum width available on devices?
Keep in mind that the width issue might not be directly related to the device's screen width. For example, if something has gone wrong with your horizontal date layout, so that its view becomes (more or less) only 6 days wide, that might have layout consequences for related views, reducing the usable width for your button bar. That could be one reason why there's apparently less space on the user's device.
The other thing to keep in mind is that layout details may vary between iOS versions, if you're using standard UI elements, any fairly small difference in (say) default inter-button padding might change the layout just enough to force those buttons into the More menu.
