Topic: Overscroll behavior
rabenet free asked 8 months 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
mlazaru staff answered 8 months ago
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 5 months 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>
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: 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