No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    QLayout has scrolling in the mobile Chrome

    Help
    2
    3
    653
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      serg last edited by serg

      Hi!
      After updating the framework to version 0.15.12 a simple template with a header and footer is always bigger by the address line size in my mobile Chrome 65 (Android 4.4.2). In mobile Firefox 69 all sizes are correct. In previous versions of the framework and desktop browsers, everything was also in order.

      My code:

      <q-layout view="lhh lpr lff">
          <q-layout-header>
         <!-- Header content -->
        </q-layout-header>
        <q-layout-drawer>
          <!-- drawer content -->
        </q-layout-drawer>
        <q-page-container>
            <q-page>
              some content 
            </q-page>
        </q-page-container>
        <q-layout-footer>
       <!-- footer content -->
        </q-layout-footer>
        </q-layout>
       </template>
      

      Screenshots from my mobile Chrome browser with QLayout scrolling:

      0_1522334083338_Screenshot_2018-03-29-17-20-58.png

      0_1522334092818_Screenshot_2018-03-29-17-21-02.png

      How to make the Layout size to be the height of the browser?

      1 Reply Last reply Reply Quote 0
      • S
        serg last edited by serg

        This post is deleted!
        1 Reply Last reply Reply Quote 0
        • mesqueeb
          mesqueeb last edited by

          @serg See my complete guide on window height for mobile browsers for the Quasar Framework

          1 Reply Last reply Reply Quote 0
          • First post
            Last post