cordova-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "ASF subversion and git services (JIRA)" <j...@apache.org>
Subject [jira] [Commented] (CB-7549) [StatusBar][iOS 8] Landscape issue
Date Tue, 16 Sep 2014 23:47:34 GMT

    [ https://issues.apache.org/jira/browse/CB-7549?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14136520#comment-14136520
] 

ASF subversion and git services commented on CB-7549:
-----------------------------------------------------

Commit 921daccd2cc7be5294488adb64b8c4c36363b63c in cordova-plugin-statusbar's branch refs/heads/master
from [~twomz]
[ https://git-wip-us.apache.org/repos/asf?p=cordova-plugin-statusbar.git;h=921dacc ]

CB-7549 - [StatusBar][iOS 8] Landscape issue

When starting an app in landscape mode in ios 8 and then calling StatusBar.overlaysWebView(false),
the screen would be pushed down all the way.  Changing the orientation did not fix the issue,
leaving the page pushed down the width of the device.

We found that excluding the changes above in ios 8 fixed the issue, although it's possible
that this is hiding a landscape orientation bug in ios 8 that may get fixed later.

Signed-off-by: Shazron Abdullah <shazron@apache.org>


> [StatusBar][iOS 8] Landscape issue
> ----------------------------------
>
>                 Key: CB-7549
>                 URL: https://issues.apache.org/jira/browse/CB-7549
>             Project: Apache Cordova
>          Issue Type: Sub-task
>          Components: Plugin Statusbar
>    Affects Versions: 3.5.0
>         Environment: Jquerymobile 1.4.3, Jquery 2.0.3, cordova 3.5 iOS, iOS 8
>            Reporter: Tim Higgins
>            Assignee: Shazron Abdullah
>
> not for sure if this is an xcode setting, cordova ios8 issue or jquerymobile ios8 issue.
 if you create a new cordova project, force it to Landscape only(phone or ipad doesnt matter),
then include JqueryMobile (1.4.3) and run the project in iOS 8 the display will be chopped
up into 3 sections.  ReRun it in iOS 7 simulator and everything is fine.  so it has something
to do with being forced to Landscape.  enclosed is the code i am using to recreate the problem.
> {code}
> <!DOCTYPE html>
> <html>
>   <head>
>   <title></title>
>       <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
>       <meta name="msapplication-tap-highlight" content="no" />
>       <meta name="format-detection" content="telephone=no" />
> 	   <meta charset="utf-8">
>      
>        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css">
>       
>   </head>
>   
>   
>   <style type="text/css">
>       
>       div.div_Body {
>           height: 100%;
>           
>           position: relative;
>           border:2px solid DarkGoldenrod;
>           border-radius:7px;
>           font: bold 14px Arial;
>           font-family:Arial, Helvetica, sans-serif;
>           color:Black;
>           text-align:center;
>           background: #FFFFFF;
>       }
> </style>
>   
>   
>   
>   <body id="body" class="noselect"  >
>       <script>
>           
>           window.addEventListener('load', function () { document.addEventListener('deviceready',
function () {onDeviceReady() }, false); }, false);
>           
>           /* When this function is called, PhoneGap has been initialized and is ready
to roll */
>           function onDeviceReady()
>           {
>               console.log("in device ready");
>               console.log("height " + screen.height);
>               console.log("width " + screen.width);
>               var myscreenWidth = screen.width;
>            }
>       </script>
>       
>       
>       <div data-role="page" class="ui-page " data-theme="b" >
>           
>           <div data-role="header"   class="ui-header" data-theme="b" >
>               <h1 class="ui-title" tabindex="0" role="heading" aria-level="1">Test</h1>
>           </div>
>            <div data-role="content" style="height: 670px" class="ui-content div_Body"
role="main">
>               <p  >Send Help</p>
>           </div>
>      </div>
>  
>       <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
>         <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
>         <script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script>
>   </body>
> </html>
> {code}



--
This message was sent by Atlassian JIRA
(v6.3.4#6332)

Mime
View raw message