Skip to content

Commit

Permalink
fixing .chosen-select height bug on webkit
Browse files Browse the repository at this point in the history
The opaque `.chosen-select` node was not exactly the same height as the
`.chosen-container` node behind it, which allowed the possibility of
some tap events on the edges to make it down to the other chosen nodes,
triggering the non-native behavior. This change should prevent that from
happening.

Webkit will not respect the `height` style for `select` nodes with the
default `-webkit-appearance: menulist` style. We can change this by
changing `-webkit-appearance` to `menulist-button`, which does respect
the `height` style.
  • Loading branch information
Jordan Stephens committed Jun 20, 2014
1 parent 6ea1588 commit 2f7332d
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions sass/chosen.scss
Expand Up @@ -36,6 +36,7 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
display: none;
}
&.chosen-use-native select {
-webkit-appearance: menulist-button;
display: initial;
height: 100%;
opacity: 0;
Expand Down

0 comments on commit 2f7332d

Please sign in to comment.