+
-
+
-
+
+
+
+
+
+
+
+
+
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 {