Comments (11)
That's is really difficult to do. Not sure that it's possible.
from uniform.
Uniform for sure works with more than one select on a page, but doesn't work at all with select[multiple="multiple"] elements. I believe this is what you meant nmeirik?
from uniform.
That's right.
from uniform.
Is it possible to disable uniform on multiple selects somehow?
from uniform.
jisuo, if you download the latest version from Github, it should no longer style multiple selects.
from uniform.
latest trunk is still styling <select multiple="multiple">
elements :(
from uniform.
You can fix it by using this on line 646 (instead of just checking for multiple true)
https://github.com/pixelmatrix/uniform/blob/master/jquery.uniform.js#L646
if(elem.is("select")){
//element is a select
if (elem.attr("multiple") != true && elem.attr("multiple") != "multiple") {
//element is not a multi-select
if(elem.attr("size") == undefined || elem.attr("size") <= 1){
doSelect(elem);
}
} else {
doMultiSelect(elem);
}
from uniform.
The multi select input can be worked as a textarea, (according to the previous message)
add in jquery.uniform.js :
function doMultiSelect(elem){
$(elem).addClass("uniform");
storeElement(elem);
}
/************/
and in uniform.default.css line 50 add:
select[multiple="multiple"].uniform,
and line 72 add:
select[multiple="multiple"].uniform:focus,
from uniform.
I've added code like this to the git repository and would love to know if this works for you.
from uniform.
I don't know if the code that you added works fine, but the code that I wrote above works for me, I am using that in a current project, remember to include the code writen by CumpsD in her last comment too :)
from uniform.
gatolost & CumpsD great...that fix worked for me as well :)
from uniform.
Related Issues (20)
- Site is down HOT 9
- A radio button with no "name" property, doesn't check HOT 1
- Uncaught ReferenceError: returnFalse is not defined HOT 5
- Selected option won't be applied in Chrome v50 on Android 6 HOT 2
- Chrome v50 activates drop down twice (flickering) HOT 12
- about bindMany
- DevOps Overhaul HOT 3
- Website download link should point to 2.2.2, currently points to 2.2.0 HOT 1
- v4.0 - Final legacy browser release with major bugfixes
- jquery 怎么获取到复选框选中的value值 HOT 1
- 508 Compliancy "aria-checked" HOT 2
- Different label for file selection boxes that allow selection of multiple files HOT 2
- Case where Uniform import doesn't work through require() (e.g. when using Webpack) HOT 19
- Multiple file selected but only one filename shown HOT 2
- getComputedStyle undefined HOT 7
- select boxes are not displayed properly when using tabbed panels HOT 2
- Select box preventdefault first click HOT 1
- Get value from radio checked HOT 4
- [FR] Allow adding a CSS class to field to avoid unwanted transformation
- @types for using with TypeScript+React?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from uniform.