Robdel12

$("#search_select").dropkick({
  mobile: true,
  initialize: function() {
    var $input,
      dk = this;
    $( '.dk-selected', dk.data.elem ).after([
      '<div class="dk-search">',
        '<input type="text" class="dk-search-input" placeholder="Search">',
      '</div>',
    ].join(""));

Robdel12

$("#disabled").dropkick({
  mobile: true
});

Robdel12

<select id="disabled" disabled>
  <option disabled selected class="hidden-option">Choose One</option>
  <option value="AL">Alabama</option>
  <option value="AK">Alaska</option>
  <option value="AZ">Arizona</option>
  <option value="AR">Arkansas</option>
  <option value="CA">California</option>
  <option value="CO">Colorado</option>
  <option value="CT">Connecticut</option>
  ...etc

Robdel12

$("#opt_group").dropkick({
  mobile: true
});

Robdel12

<select id="opt_group">
  <option disabled selected class="hidden-option">Choose One</option>
  <optgroup label="Group 1">
    <option>Option 1.1</option>
  </optgroup>
  <optgroup label="Group 2">
    <option>Option 2.1</option>
    <option>Option 2.2</option>
    </optgroup>
  <optgroup label="Group 3" disabled>

Robdel12

$("#multiple").dropkick({
  mobile: true
});

Robdel12

<select multiple id="multiple">
  <option value="AL">Alabama</option>
  <option value="AK">Alaska</option>
  <option value="AZ">Arizona</option>
  <option value="AR">Arkansas</option>
  <option value="CA">California</option>
  <option value="CO">Colorado</option>
  <option value="CT">Connecticut</option>
  ...
</select>

Robdel12

"folder_exclude_patterns":
[
  "tmp",
  ".git",
  ".sass-cache",
  "junk",
  ".bundle",
  "dist",
  "node_modules",
  "pkg",

Robdel12

def dk_select(value, options={})
  from = options.delete(:from)
  page.execute_script("$('select').css({display: 'block', visibility: 'visible'})")

  select("#{value}", from: "#{from}")
end

Robdel12

My computer is effed it seems. With ember cli I have to restart my server for any change that’s made.

I can boot the app intially and it's totally fine. But after I make any change to the app it recompiles (via livereload) and doesn't compile templates. Here are the STR:

1. ember s (this loads the app just fine)
2. Tron.__container__.lookup(‘application:template’) returns an object like it should
3. Change any file anywhere in the app.
4. Reloads the page to an empty white page
5. Tron.__container__.lookup(‘application:template’) returns undefined