New-lines in options cause formatting issues with title attribute (if multiple options selected).

[PhilPJL]

New-lines in options cause formatting issues.

Windows 10
IE 11 / Edge
VS 2017
Bootstrap 3.3.7
Bootstrap-select 1.12.4

https://plnkr.co/edit/nBiCB4xZAP8Be4wzpj9A?p=preview

You might say "don't put new lines in", but sometimes this happens during VS/Resharper auto formatting.

[caseyjhol]

I can't seem to recreate this in your linked example in Chrome, Edge, or IE11 on Windows 10. It almost looks like CSS or some JS isn't being loaded (as it doesn't make sense that none of the other options would be visible; even the "Close" button is missing).

[PhilPJL]

You need to select Apple and Banana. This is on IE Edge although it's the same on any browser.
What you're seeing there is the tooltip. There's also a space before the comma in the control itself.
It's only an issue with multiple selection.

What we should see is

[caseyjhol]

Ah - thanks for the clarification. Should be an easy fix.

[PhilPJL]

Yes, I think something like this may do it (adding .trim()):

      if (typeof $this.attr('title') !== 'undefined') {
        return $this.attr('title');
      } else if ($this.data('content') && that.options.showContent) {
        return $this.data('content').toString();
      } else {
        return icon + $this.html()**.trim()** + subtext;
      }
    }
  }).toArray();

[caseyjhol]

Released in v1.13.0!

[ghost]

This issue was moved by caseyjhol to snapappointments/bootstrap-select#2063.