Bootstrap-select: Checkmark icon is not shown on standard select boxes

Created on 27 Oct 2018 · 4Comments · Source: snapappointments/bootstrap-select

After upgrading to v1.13.3, the checkmark icon is not shown on standard select boxes with the show-tick class.
You can see this issue at the "Checkmark on selected option" section on the attached archive file.

v1.13.2.html
Checkmark icon is shown.
v1.13.3.html
Checkmark icon is not shown.

reproduce.zip

Source

ahamana

👍1

Most helpful comment

The issue is still valid with v1.13.8.
This might be related: https://github.com/snapappointments/bootstrap-select/issues/1425

In case you set the selectpicker and show-tick classes:

<select class="selectpicker show-tick">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

and, you initialize from js, with the proper setting:

$( document ).ready(function() {
  $('select').selectpicker({
    showTick: true,
  });
});

it is working. However, this is rather a workaround than a solution.

klaymen on 21 Mar 2019

❤3

All 4 comments

The issue is still valid with v1.13.8.
This might be related: https://github.com/snapappointments/bootstrap-select/issues/1425

In case you set the selectpicker and show-tick classes:

<select class="selectpicker show-tick">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

and, you initialize from js, with the proper setting:

$( document ).ready(function() {
  $('select').selectpicker({
    showTick: true,
  });
});

it is working. However, this is rather a workaround than a solution.

klaymen on 21 Mar 2019

❤3

Released in v1.13.9!

caseyjhol on 29 Mar 2019

After upgrading to 1.13.9 the checkmark icon is no longer showing for me on standard select boxes when using $.fn.selectpicker.Constructor.DEFAULTS.showTick = true; and not including the show-tick class with the select element.

In 1.13.8 and earlier the checkmark icon will display without having to add the show-tick class as it added by bootstrap-select when you change the showTick option to true as a constructor default or as an option in the javascript .selectpicker() call.

Is it required now to add the show-tick class to selects when needed instead of or along with using the showTick option?

Thanks for the great plugin.