Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Overscroll behavior

rabenet free asked 2 years ago


Hello, I am using only mdbootstrap, and in I have several paragraphs of text. When I scroll down it moves correctly, but then when I scroll up it refreshes the page.

This issue occurs in the Android captive portal window. In Chrome browser it works fine without problems.

I have the problem in:

I have tried with overscroll-behavior: contain; but it was not solved either.

This is a bug in mdbootstrap, and how can it be fixed?

Video demo: https://drive.google.com/file/d/1U_3l53lg1S71EVWLtHkb6QW22AHVb1M0/view?usp=sharing

Best regards.


Mateusz Lazaru staff answered 2 years ago


Hi,

which scrolling modal are you using? could you check if this problem occurs with the second one? https://mdbootstrap.com/docs/standard/components/modal/#section-scrolling-long-content

Could you provide this modal's code or create snippet with it?


nrfb free commented 2 years ago

I tried both, but the problem persists.

            <!-- Button trigger modal -->
            <button type="button" class="btn btn-outline-success btn-rounded" data-mdb-toggle="modal" data-mdb-target="#exampleModal" data-mdb-ripple-color="dark">
              Ver términos y condiciones
            </button>
            <br><br>
            <!-- Modal -->
            <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
              <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Términos y condiciones de uso</h5>
                    <button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
                  </div>

                  <main>


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 4.2.0
  • Device: Smartphone Samsung M31
  • Browser: Chrome 103.0.5060.70
  • OS: Android 12
  • Provided sample code: No
  • Provided link: Yes