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>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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