pretty-dropdowns

pretty-dropdowns copied to clipboard

Hi, the main problem what I have is when the change event is triggered on a <li> item that has the same name as other it wont change the select value: ex:

<select>
    <option value="D1"> Random </option>
  <optgroup label="Country">
    <option value="luxC"> Luxemburg </option>
    <option value="gerC">Germany</option>
  </optgroup>
  <optgroup label="City">
    <option value="luxCi"> Luxemburg </option>
    <option value="berCi">Berlin</option>
  </optgroup>
</select>

The generated <ul> and <li> behave and move the ".select" class to the right <li> but the select value stays "luxCi" even when I click on "luxC".

Thanks for reporting this. I will look into this when I get a chance.

@NerminMujagic this issue has been fixed in v4.17.0. Please confirm and close. Thanks for reporting this.

Hi, i got similar bug when the item have the same value it wont change.

<select id="worldLocation" name="sort" class="pretty" style="visibility: hidden; height: 50px;">                                                                                                                                                                              
<option value="811067862557" data-link="https://wowmomsworld.com/franchise/long-island/">Long Island</option>
<option value="" data-link="https://wowmomsworld.com/franchise/mexico/">Mexico</option>
<option value="" data-link="https://wowmomsworld.com/franchise/paramus/">Paramus</option>
<option value="" data-link="https://wowmomsworld.com/franchise/coral-springs/">Coral Springs</option>
<option value="" data-link="https://wowmomsworld.com/franchise/midland/">Midland</option>
<option value="" data-link="https://wowmomsworld.com/franchise/san-antonio/">San Antonio</option>
<option value="" data-link="https://wowmomsworld.com/franchise/houston/">Houston</option>
<option value="" data-link="https://wowmomsworld.com/franchise/vaughan/">Vaughan</option>
<option value="" data-link="https://wowmomsworld.com/franchise/montreal/">Montreal</option>
<option value="" data-link="https://wowmomsworld.com/franchise/brossard/">Brossard</option>
<option value="" data-link="https://wowmomsworld.com/franchise/laval/">Laval</option>
</select>