Opened 6 years ago

Closed 6 years ago

Last modified 5 years ago

#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 Damien Mandrioli)

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 6 years ago by Patrick Ruzand

Owner: set to Patrick Ruzand
Status: newassigned

comment:2 Changed 6 years ago by cjolif

Cc: cjolif added

comment:3 Changed 6 years ago by Patrick Ruzand

A possible workaround based on css is:

body:before {
  content: "";
  height: 20pt;
  display: block;
}

comment:4 Changed 6 years ago by Patrick Ruzand

Keywords: ios7 added

comment:5 Changed 6 years ago by Damien Mandrioli

Description: modified (diff)
Resolution: fixed
Status: assignedclosed

comment:6 Changed 6 years ago by Damien Mandrioli <dmandrioli@…>

In ae6e8bcfb7b965194feef14581e535071333fe1d/dojox:

Error: Processor CommitTicketReference failed
Unsupported version control system "git": Can't find an appropriate component, maybe the corresponding plugin was not enabled? 

comment:7 Changed 6 years ago by Ed Chatelain

To see a workaround for this issue when using dojox/app see this gist: https://gist.github.com/edchat/7202019

comment:8 Changed 5 years ago by Patrick Ruzand

Milestone: tbd1.9.2

comment:9 Changed 5 years ago by Damien Mandrioli <dmandrioli@…>

In 9ce7041fd888e86c045fe05399f7393fffed0c0e/dojox:

Error: Processor CommitTicketReference failed
Unsupported version control system "git": Can't find an appropriate component, maybe the corresponding plugin was not enabled? 

comment:10 Changed 5 years ago by Patrick Ruzand

Milestone: 1.9.21.8.7
Note: See TracTickets for help on using tickets.