Skip to content

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

@mkrecek234

Description

@mkrecek234

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

Metadata

Metadata

Assignees

Labels

type/bugAny issue which is a bug or PR which fixes a bug

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions