Topic: mdb-select Select not scrollable with touch, any solution??

webdesigna free asked 5 years ago


in mobile format, the mdb-select do not work when selecting, how to solve it?


MDBootstrap staff commented 5 years ago

Please share your code with me. I will test it and find a solution for you.


webdesigna free answered 5 years ago


update the version to 4.8.8 and everything works fine, thanks


MDBootstrap staff commented 5 years ago

I am really glad to hear that. Have a good day!


webdesigna free answered 5 years ago


well, the mdb-select works for me, but when updating the version, the sidenav doesn't see the scroll, thanksss


MDBootstrap staff commented 5 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?


webdesigna free answered 5 years ago


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 5 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


webdesigna free answered 5 years ago


Does my snippet work on your mobile?Yes


MDBootstrap staff commented 5 years ago

What code have the issue on your mobile with scrolling? Copy-paste the code with the issue.


webdesigna free answered 5 years ago


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 5 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


webdesigna free answered 5 years ago


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 5 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 5 years ago

no, this code works for me in mobile device.


MDBootstrap staff commented 5 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.


FREE CONSULTATION

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

Status

Closed

Specification of the issue

  • 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