Closed Adyyda closed 8 years ago
You could do something like this, in your css:
select {
visibility: hidden;
}
.selectric-hide-select select {
visibility: visible;
}
Hello. Thanks for the reply. This issue is solved with the code you provided but i have found another issue. When i used the android gingerbread browser, the selectric select box was not present. So, your script is mobile compatible or not? Thanks In desktop i've set it up like i wanted and works nice.
It's disabled by default on mobile browsers.
You can change the option disableOnMobile
to false
if you want it working on mobile.
Can you tell me why you disable it on mobile? It mess something? Thanks
i have to change disableOnMobile:!0 in disableOnMobile:false ?
Set this option when you're calling the plugin. Like this:
$('select').selectric({
disableOnMobile: false
});
Don't modify the plugin file itself.
It's disabled by default because generally, the behavior of native <select>
element on mobile is better, optmized for touch/small screens.
Hello again. I have applied and now the selectric select appears on mobile but, on click to expand it, we should see the normal android option select. I am telling this because i see the dropdown but i can't scroll down to chose another option. So, the script should show the converted select (just the main like Select a category) and use the android normal selection of value when you click on Select a category. Any ideea?
This is not possible yet. Although, I have plans to implement this in future versions.
That is after me the only missing feature. Script works great even on ie8 but must be mobile compatible. Thanks for your support
Hello. When the page loads (or is refreshed), for a fraction of a second (more on a slower connection), we can see the standard select box and than we see the proper selectric. Can it be changed so that we do not see the standard select box? I have managed to capture it with print screen