A selectpicker I have is filled with various languages, listed as `li` tags within a `ul` tag. You can see an example in the image provided below.
https://i.stack.imgur.com/dsg66.png
It's noticeable that the `+ Add Language` option in the selectpicker is disabled. This occurs because the corresponding `option` in the html's `select` is disabled, as shown in the following image:
https://i.stack.imgur.com/pZ66j.png
The issue at hand is: although the selectpicker picks up the select option and applies all the properties, it doesn't display the title (found in the `select`'s `option`: `title="My Title"`) when hovering over the disabled `li` tag. My theory is that the disabled class on this `li` tag is overriding the title behavior by adding a banning icon.
Please advise on how to enable this behavior while using select picker. I want the title to show when hovering over the disabled option.
Edit: For better comprehension, please refer to the code snippet provided below.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet"/>
Language:
<select class="selectpicker">
<option>English</option>
<option disabled title="My Title">+ Add Language</option>
</select>