diff --git a/docs/docs/resources/changelog.md b/docs/docs/resources/changelog.md index ff39798cf..3b0e77212 100644 --- a/docs/docs/resources/changelog.md +++ b/docs/docs/resources/changelog.md @@ -15,6 +15,7 @@ During the alpha period, things might break! We take breaking changes very serio ## Next - Added an orientation example to the native radio docs +- Added the `tag` part (and associated exported parts) to `` to allow targeting the tag that shows when more than the max number of visible items have been selected - Fixed a number of broken event listeners throughout the docs - Fixed a bug in `` that prevented slots from showing automatically without `with-` attributes diff --git a/src/components/select/select.ts b/src/components/select/select.ts index 5e86e014f..95f32af9a 100644 --- a/src/components/select/select.ts +++ b/src/components/select/select.ts @@ -68,7 +68,6 @@ import styles from './select.css'; * @csspart listbox - The listbox container where options are slotted. * @csspart tags - The container that houses option tags when `multiselect` is used. * @csspart tag - The individual tags that represent each multiselect option. - * @csspart tag__base - The tag's base part. * @csspart tag__content - The tag's content part. * @csspart tag__remove-button - The tag's remove button. * @csspart tag__remove-button__base - The tag's remove button base part. @@ -661,7 +660,18 @@ export default class WaSelect extends WebAwesomeFormAssociatedElement { `; } else if (index === this.maxOptionsVisible) { // Hit tag limit - return html`+${this.selectedOptions.length - index}`; + return html` + +${this.selectedOptions.length - index} + `; } return html``; });