Web application is not full screen

Bug #1351926 reported by XiaoGuo, Liu on 2014-08-03
8
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Web Team projects
Undecided
Unassigned

Bug Description

For any of the web application with Cordova API used in the application, if I include jquery into the project, and include the scripts like this:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

    <!-- jquery lib -->

    <!-- Ubuntu UI Style imports - Ambiance theme -->
    <link href="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/css/appTemplate.css" rel="stylesheet" type="text/css" />

    <!-- Ubuntu UI javascript imports - Ambiance theme -->
    <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/fast-buttons.js"></script>
    <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/core.js"></script>
    <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/buttons.js"></script>
    <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/dialogs.js"></script>
    <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/page.js"></script>
    <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/pagestacks.js"></script>
    <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/tab.js"></script>
    <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/tabs.js"></script>
    <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/list.js"></script>

    <!-- Cordova platform API access - Uncomment this to have access to the Cordova Javascript APIs -->
    <!-- NOTE:
    Make sure that you have imported the Cordova native runtime and JS libraries into your project first.
    In order to do that, in QtCreator, select the "Add Cordova runtime to HTML5 project" menu item
    in Tools > Ubuntu.
    -->
    <script src="cordova/cordova.js"></script>

    <script src="js/jquery.min.js"></script> //////////This is the place to add the jquery

    <!-- Application script -->
    <script src="js/app.js"></script>
</head>

When I run it on desktop, and it is fine. However, if I run it on device, the app is not full screen.

Attached please find the picture

XiaoGuo, Liu (liu-xiao-guo) wrote :
David Barth (dbarth) wrote :

This is probably due to a dpi webview issue with the older Webkit implementation. This will go away as soon as we switch to Oxide.

To post a comment you must log in.
This report contains Public information  Edit
Everyone can see this information.

Other bug subscribers

Bug attachments