diff --git a/demo/src/options/options02.html b/demo/src/options/options02.html index 069552f4e..733d04d41 100644 --- a/demo/src/options/options02.html +++ b/demo/src/options/options02.html @@ -23,9 +23,9 @@

- + -
+
@@ -58,4 +58,17 @@

+ +
+ + +
+ +
+
diff --git a/lib/src/MultipleSelectInstance.ts b/lib/src/MultipleSelectInstance.ts index 07a9c0672..31a6b5ee6 100644 --- a/lib/src/MultipleSelectInstance.ts +++ b/lib/src/MultipleSelectInstance.ts @@ -906,7 +906,7 @@ export class MultipleSelectInstance { const spanElm = this.choiceElm?.querySelector('span'); const sl = valueSelects.length; - let html = ''; + let html = null; const getSelectOptionHtml = () => { if (this.options.useSelectOptionLabel || this.options.useSelectOptionLabelToHtml) { @@ -934,7 +934,7 @@ export class MultipleSelectInstance { html = getSelectOptionHtml(); } - if (html) { + if (html !== null) { spanElm?.classList.remove('ms-placeholder'); if (this.options.useSelectOptionLabelToHtml) { spanElm.innerHTML = this.options.sanitizer ? this.options.sanitizer(html) : html; diff --git a/lib/src/styles/_variables.scss b/lib/src/styles/_variables.scss index a8e985956..4c907eab4 100644 --- a/lib/src/styles/_variables.scss +++ b/lib/src/styles/_variables.scss @@ -41,6 +41,7 @@ $ms-drop-list-item-disabled-filter: Alpha(Opacity = 35) !default; $ms-drop-list-item-disabled-opacity: 0.35 !default; $ms-drop-zindex: 1050 !default; $ms-label-margin-bottom: 0 !default; +$ms-label-min-height: 1.25rem !default; $ms-label-padding: 0 0 0 1.25rem !default; $ms-ok-button-bg-color: #fff !default; $ms-ok-button-bg-hover-color: #f9f9f9 !default; diff --git a/lib/src/styles/multiple-select.scss b/lib/src/styles/multiple-select.scss index 958b8303d..5ffb1a381 100644 --- a/lib/src/styles/multiple-select.scss +++ b/lib/src/styles/multiple-select.scss @@ -249,6 +249,7 @@ position: relative; white-space: nowrap; margin-bottom: var(--ms-label-margin-bottom, $ms-label-margin-bottom); + min-height: var(--ms-label-min-height, $ms-label-min-height); padding: var(--ms-label-padding, $ms-label-padding); &.optgroup {