Topic: mdb-select Select not scrollable with touch, any solution??
in mobile format, the mdb-select do not work when selecting, how to solve it?
well, the mdb-select works for me, but when updating the version, the sidenav doesn't see the scroll, thanksss
MDBootstrap staff commented 4 years ago
Are you talking about the interaction of sidenav and material select? We are aware of this issue. Thank you for the information about this topic. We will fix it in the future. Are you sure that this worked correctly in the previous version?
the code is the same that comes with the mdb, when I open the select and move with my finger, the options disappear, can it be that if I upgrade to version 4.8.8 it works for me? because I am using 4.7.6.
MDBootstrap staff commented 4 years ago
If the code you have a problem with does work in our snippet you should upgrade to the version you are using in snippets. In 4.8.8 version there are no problems with select on mobile. Best Regards, Piotr
Does my snippet work on your mobile?Yes
MDBootstrap staff commented 4 years ago
What code have the issue on your mobile with scrolling? Copy-paste the code with the issue.
I am using mdb 4.7.6, I added pluging select2 too, and when I put it in my applications the mdb-select does not work on a mobile device, and the one you sent me in the link if it works
MDBootstrap staff commented 4 years ago
I can not understand what you try to tell me. Please give me simple yes or no. Does my snippet work on your mobile? https://mdbootstrap.com/snippets/jquery/pjoter-2-0/1081211
the code is the same of your page...but in the movie device not scrollable, and the pc mode run good.
<div class="col-md-3 mb-n2">
<select name="id_user" class="mdb-select" searchable="Buscar aquí.." required>
<option value="" disabled selected>selecciona...</option>
<option value="mdb" data-icon="https://mdbootstrap.com/img/Photos/Avatars/img%20(21).jpg" class="rounded-circle">mdb1</option><option value="mdb">mdb2</option>
<option value="mdb">mdb3</option><option value="mdb">mdb</option>
<option value="mdb">mdb</option><option value="mdb">mdb</option>
</select>
<label class="text-dark font-weight-bold" data-error="error" data-success="">mdb-select</label>
<div class="invalid-feedback mdb-select-feedback">Selecciona un jugador.</div>
</div>
MDBootstrap staff commented 4 years ago
We will investigate this issue. Does this example work wrong on your mobile too? https://mdbootstrap.com/snippets/jquery/pjoter-2-0/1067046
webdesigna free commented 4 years ago
no, this code works for me in mobile device.
MDBootstrap staff commented 4 years ago
So what is the problem? You just said that this is the code that causes issue and now you said that it works on your mobile. Where is the problem? Please explain to me your situation because I don't know how can I help you.
Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Closed
- ForumUser: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.7.6
- Device: tablet, movil
- Browser: chrome
- OS: macOs Mojave
- Provided sample code: No
- Provided link: No
MDBootstrap staff commented 4 years ago
Please share your code with me. I will test it and find a solution for you.