search

PolymerElements / paper-dropdown-menu

A Material Design browser select element
https://www.webcomponents.org/element/PolymerElements/paper-dropdown-menu
61 stars 107 forks source link

In multi-mode not visible whether more than one item is selected #280

Open rowe42 opened 6 years ago

rowe42 commented 6 years ago

Description

When using the multi option it is not visible whether only one item or more than one item is selected when the dropdown is closed:

image

Our code looks like this:

                    <paper-dropdown-menu 
                        class="animad-keeper-skill-field"
                        id="keeper-skill" 
                        label="Skill" 
                        required>
                        <paper-listbox multi attr-for-selected="key" selected-values="{{data.skill}}" slot="dropdown-content">
                            <template is="dom-repeat" items="{{lists.skill}}">
                                <paper-item key="[[item]]">[[item]]</paper-item>
                            </template>
                        </paper-listbox>
                    </paper-dropdown-menu>

Expected outcome

It should be somehow visible that more than one item is selected. In https://github.com/pushkar8723/paper-dropdown, which we are currently using as an alternative this is solved like this:

image

Actual outcome

Only the first selected item is selected. See screenshot above.

Live Demo

n/a

Steps to reproduce

see above

Browsers Affected