Select2 JS used to improve drop-down selects, is not working well on mobile phones

More
9 years 1 month ago - 8 years 11 months ago #57792 by smarterweb
We have a big issue with dropdown fields on mobile phones (not simulated by chrome, but on real mobile phones):
When trying to make a selection from a dropdown, the value shows up and disappears instantly, no allowing us to make a selection. When you tap on the dropdown a couple of times, sometimes it stays open. Is this a known bug and has been reported? Couldn't find anything...

Thanks
Last edit: 8 years 11 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
9 years 1 month ago - 8 years 11 months ago #57794 by micker
flexicontent version ?
template for front end ?
regards

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]
Last edit: 8 years 11 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
9 years 1 month ago - 8 years 11 months ago #57795 by smarterweb
oh sorry forgot.
J 3.4.4
FC 3.0.8
Theme: warp 7 (yootheme)

I tried to add the uk-dropdown class and the data-uk-dropdown attribute, but could not find the right place to add. looked in plugins/flexicontent_fields/select/select.php
We don't have the mobile problem when using just a dropdown as per this page: getuikit.com/docs/dropdown.html

It could be related to this bug: github.com/select2/select2/issues/1541

thanks
Last edit: 8 years 11 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
9 years 1 month ago - 8 years 11 months ago #57804 by ggppdk
Hello

yes in v3.0.9 we have updated select2 JS

- you can copy and use folder (rename old folder to select2_)
site/libraries/select2
to
component/com_flexicontent/libraries/select2

from this ZIP:
github.com/FLEXIcontent/flexicontent-cck...ag/v3.0.9-2015_10_12


CLICK ctrl-f5 or similar in the view to make sure latest JS is download or clear browser cache in mobile


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...
Last edit: 8 years 11 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
9 years 1 month ago - 8 years 11 months ago #57816 by smarterweb
I have followed your advice and replaced the select2 libraries and cleared all cache. The problem remains exactly the same. As soon as you tap on any dropdown, the keyboard comes up and the dropdown disappears immediately. Cannot make a selection at all.
Any other ideas? Can anyone else confirm this issue?
Last edit: 8 years 11 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
9 years 1 month ago - 8 years 11 months ago #57846 by smarterweb
some help would really be appreciated as this basically makes the website unusable on mobile phones since we rely on dropdowns.
I checked the demos select2.github.io/examples.html
and they work just fine on my mobile.
Are you using the exact same libraries?

Also I noticed that it sort of works when you tap and hold the dropdowns long enough. but if you only tap quickly, they disappear instantly.
Last edit: 8 years 11 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
Time to create page: 0.704 seconds
Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline