#17527 closed defect (fixed)
ios7 status bar overlapping issues with dojo mobile+cordova app
Reported by: | Patrick Ruzand | Owned by: | Patrick Ruzand |
---|---|---|---|
Priority: | undecided | Milestone: | 1.8.7 |
Component: | DojoX Mobile | Version: | 1.9.1 |
Keywords: | ios7 | Cc: | cjolif |
Blocked By: | Blocking: |
Description (last modified by )
Due to the new iOS7 status bar design, hybrid apps may have their content partially visible.
Regarding dojo mobile, there are two use cases: 1/ ScrollableView? with Headers : in this case, the content of the header may be partially hidden by/composed with the status bar. 2/ View: then the content of the view could be partially hidden.
While Apple states that apps should be redesigned to adapt with the new status bar behavior, dojox/mobile could provide some ways to work around this to ease dev migration.
Workaround The idea is to add a 20px gap on top of the page.
If your application use a FixedSplitter? as a top-level container, add the following CSS (works only with Dojo >= 1.9.2):
body > .mblFixedSplitter:first-child { padding-top: 20px; }
Otherwise, add this:
body:before { content: ""; height: 20px; display: block; }
Change History (10)
comment:1 Changed 7 years ago by
Owner: | set to Patrick Ruzand |
---|---|
Status: | new → assigned |
comment:2 Changed 7 years ago by
Cc: | cjolif added |
---|
comment:3 Changed 7 years ago by
comment:4 Changed 7 years ago by
Keywords: | ios7 added |
---|
comment:5 Changed 7 years ago by
Description: | modified (diff) |
---|---|
Resolution: | → fixed |
Status: | assigned → closed |
comment:7 Changed 7 years ago by
To see a workaround for this issue when using dojox/app see this gist: https://gist.github.com/edchat/7202019
comment:8 Changed 7 years ago by
Milestone: | tbd → 1.9.2 |
---|
comment:10 Changed 7 years ago by
Milestone: | 1.9.2 → 1.8.7 |
---|
A possible workaround based on css is: