[MGNLUI-2385] UI is too high on an iOS7 device Created: 12/Nov/13  Updated: 11/Nov/16  Resolved: 04/Sep/15

Status: Closed
Project: Magnolia UI
Component/s: tablet
Affects Version/s: 5.2, 5.3.2
Fix Version/s: None

Type: Bug Priority: Critical
Reporter: Andreas Weder Assignee: Unassigned
Resolution: Outdated Votes: 1
Labels: next, tablets, usability, ux
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified
Environment:

iPad mini (no retina) with iOS 7.0.3
iPad 3 with iOS 7.1.2


Attachments: PNG File Dialogs - Screenshot 1.png     PNG File Dialogs - Screenshot 2.png     PNG File Favs - Screenshot 1.png     PNG File Favs - Screenshot 2.png     PNG File Screenshot 1.png     PNG File Screenshot 2.png    
Issue Links:
Relates
relates to MGNLUI-4065 Layout is pushed to top when virtual ... Closed
duplicate
is duplicated by MGNLUI-2383 Favorites panel is too high on an iOS... Closed
is duplicated by MGNLUI-2384 Dialogs are too high on an iOS7 device Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled

 Description   

The UI is slightly too high on an iOS7 device, causing some elements in the status bar, dialogs, panels to be cut off vertically (see first screen shot).

If this happens, you can actually scroll the screen up, which then gets stuck in that position (see second screen shot). All elements then show up fully, but the header is then cut off. You have to tap on the status bar to get the browser to jump to the top of the page again to get back to the first situation mentioned above.

I've also noticed this problem when working with Favorites and dialogs (see additional screen shots). With dialogs, an additional gray line appears (see here).

Since the height available to a web page in Safari on iOS7 as changed, I assume that this is the root cause for the problem.

As all controls can still be used properly, I haven't marked this with a very high priority, but since it's visually apparent, it's still marked high.



 Comments   
Comment by Andreas Weder [ 04/Sep/15 ]

Verified this with latest iOS installment (8.4). The UI works nice and mostly fluent; there's no height issue anymore.

Since we're supporting our tablet UI on latest OS installments only, I'm closing this as "outdated".

Generated at Mon Feb 12 08:56:05 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.