left bar button items have gap to the back button

Originator:steipete
Number:rdar://25809832 Date Originated:19-Apr-2016 09:11 PM
Status:Open Resolved:
Product:iOS SDK Product Version:9.3.1
Classification:UI/Usability Reproducible:Always
 
This is a duplicate of rdar://25799068

Summary:
When there is a large number of right bar button items and on the left of a `UINavigationBar` there is a back button shown and a left bar button item, the navigation bar removes the text of the back button to make room for the right item, yet it doesn’t seem to remove the space that would be required by the back button label from the layout.

Steps to Reproduce:
0. Open the Sample Project linked in the bottom URL
1. Run it on an iPhone 6
2. Tap the ‘Push’ button

Expected Results:
The bar button item labeled ’leftItem’ is drawn right next to the back button, making room for the right bar button items.

Actual Results:
There is a pretty large gap between the left item and the back button, resulting in an overlap of the left bar button item and the left most right bar button item.

Regression:


Notes:
If the gap needs to be there in order to distinguish the item from the back button text, it would be at least preferable if the navigation bar would either remove items from the left or the right side until no overlapping is shown anymore. As the buttons are overlapping, you can’t tap both anyway. So there is no reason to leave a broken looking UI on the screen if it is also non-functional.

Sample code: https://github.com/PSPDFKit-labs/radar.apple.com/tree/master/25799068%20-%20NavBarItemSpacing

Comments


Please note: Reports posted here will not necessarily be seen by Apple. All problems should be submitted at bugreport.apple.com before they are posted here. Please only post information for Radars that you have filed yourself, and please do not include Apple confidential information in your posts. Thank you!