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

    prevent pull-to-refresh behavior in mobile Chrome

    Help
    5
    9
    3987
    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.
    • M
      MusicForMellons last edited by

      I get unwanted pull-to-refresh behavior in mobile Chrome. Should Quasar not maybe provide settings for this? Like:
      https://jsbin.com/niyukadizu/1/edit?html,js,output

      1 Reply Last reply Reply Quote 0
      • rstoenescu
        rstoenescu Admin last edited by

        There’s the disable prop if you want to disable it. Is this what you were looking for?

        1 Reply Last reply Reply Quote 0
        • M
          MusicForMellons last edited by

          I think you might be referring to the implementation of pull-to-refresh component in Quasar, whereas I am referring to the default Chrome behavior to start refreshing when you pull down on a touchscreen.

          1 Reply Last reply Reply Quote 0
          • rstoenescu
            rstoenescu Admin last edited by

            @MusicForMellons What do you mean by “default” behavior for Chrome? Are you referring to an Android app? Please be more concise as I don’t get what is the issue 🙂 Describe current behavior and what it is expected. Thanks!

            1 Reply Last reply Reply Quote 0
            • M
              MusicForMellons last edited by

              Well, I am using Ngrok to watch the webapp I am developing on my Android phone in Chrome and then I get pull-to-refresh behavior on every page. I would like to switch that off (obviously not in my browser but via my apps’ js code).

              1 Reply Last reply Reply Quote 0
              • Dobromir
                Dobromir last edited by

                If i understand you correctly, you want to disable the drag to refresh on the browser it self, on the current app you are building. I`m not sure you can actually do that native and fluently. There are a few things you could try:
                https://docs.google.com/document/d/12Ay4s3NWake8Qd6xQeGiYimGJ_gCe0UMDZKwP9Ni4m8/edit
                This is a good document explaining it a bit better.

                1 Reply Last reply Reply Quote 0
                • L
                  Lou Rectoret last edited by

                  Did you find any solution @MusicForMellons ?

                  1 Reply Last reply Reply Quote 0
                  • A
                    amoss last edited by

                    +1, was there a solution to this? Thanks

                    1 Reply Last reply Reply Quote 0
                    • A
                      amoss last edited by

                      The following will prevents the refresh

                      html,
                      body {
                      overscroll-behavior-y: contain;
                      }

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