GumbyFramework / Gumby

A Flexible, Responsive CSS Framework - Powered by Sass
http://gumbyframework.com/
2.85k stars 442 forks source link

Fancy select (picker) and append #252

Open Bekt opened 9 years ago

Bekt commented 9 years ago

Fancy select is "correctly" displayed on Safari, but not on Chrome/Firefox when it is used in an .append form. I tried fixing this myself, but couldn't get far. See the screenshots below. Although Safari correctly displays, it messes up after an option is selected.

Code:

<div class="append field">
  <input class="xnarrow input" type="text" />
  <div class="medium primary btn"><a href="#">Go</a></div>
  <div class="picker">
    <select>
      <option>1</option>
      <option>2</option>
    </select>
  </div>
</div>

Safari: screen shot 2014-11-26 at 11 41 46 am

Chrome/Firefox: screen shot 2014-11-26 at 11 42 01 am