Skip to content

Instantly share code, notes, and snippets.

@denyskoch

denyskoch/select_fix.scss

Created August 4, 2014 12:05
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save denyskoch/dfeb04960f713e6cb22a to your computer and use it in GitHub Desktop.
Save denyskoch/dfeb04960f713e6cb22a to your computer and use it in GitHub Desktop.
Download ZIP
Fix for not useable custom form selects on mobile/touch devices in Foundation 4. With this fix, the user has the native UI/UX for selects.
Raw
select_fix.scss
.touch form.custom select.hidden-field {
height: $custom-select-height;
margin-left: 0;
visibility: visible;
z-index: 20;
background: #fff;
padding: 0;
border: 0;
opacity: 0;
}
@vroonster
Copy link

Hey. This is a great way to let the native select widget handling show through on touch devices, but did you figure out how to change the displayed value based on the option selected in the select element?

@denyskoch
Copy link
Author

@vroonster I think without JavaScript it would look ugly or not work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment