fomantic / Fomantic-UI

Fomantic-UI is the official community fork of Semantic-UI
https://fomantic-ui.com
MIT License
3.55k stars 328 forks source link

[dropdown] Multiple item drop down with HTML special chars not properly working anymore #2979

Open mkrecek234 opened 8 months ago

mkrecek234 commented 8 months ago

Bug Report

I have a multiple dropdown which has items looking like Firstname Lastname <email@email.de> both as values and titles. With the most recent versions, this broke, and only the first item is being displayed, even though the input has multiple items in it.

Steps to reproduce


<div id="_f7a9797c367f6416e0803bf7b442bddb__out_form_layout_recipient" class="ui input eight wide">

<div class="ui dropdown multiple search selection " style="width: 100%;">
<input form="_072d8b31e9c87b977c5bdeca6446a7d9__tualpage_messageform_form" name="recipient" type="hidden" id="_f7a9797c367f6416e0803bf7b442bddb__out_form_layout_recipient_input" value="Larry Finton &lt;sales@best-distributor.com&gt;,Frank Smith &lt;ceo@best-distributor.com&gt;">
<i class="dropdown icon"></i>
<input form="_072d8b31e9c87b977c5bdeca6446a7d9__tualpage_messageform_form" class="search"  style="width: 100%;">
<div class="default text">Empfängeradressen</div>
<div class="menu">
<div class="item" data-value="Larry Finton &lt;sales@best-distributor.com&gt;">Larry Finton &lt;sales@best-distributor.com&gt;</div>
<div class="item" data-value="Frank Smith &lt;ceo@best-distributor.com&gt;">Frank Smith &lt;ceo@best-distributor.com&gt;</div>

</div>
</div>

</div>

Expected result

The dropdown should show BOTH entries, Larry and Frank.

Actual result

It only shows the first.

Testcase

https://jsfiddle.net/nae8ypo3/1/

Screenshot (if possible)

image

Version

Latest

lubber-de commented 7 months ago

Fixed by #2993 See your adjusted jsfiddle here https://jsfiddle.net/lubber/40qm6krt/