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

[rowe42]

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:

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:

Actual outcome

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

Live Demo

n/a

Steps to reproduce

see above

Browsers Affected

• [ X ] Chrome
• [ X ] Firefox
• Safari 9
• Safari 8
• Safari 7
• Edge
• IE 11
• IE 10