fix(MultiSelect): cut placeholder

mrholek · mrholek · commit c3d65672d382 · 2022-03-06T19:10:37.000+01:00
diff --git a/js/src/multi-select.js b/js/src/multi-select.js
@@ -659,7 +659,7 @@ class MultiSelect extends BaseComponent {
     }
 
     if (this._selection.length > 0 && this._config.multiple && this._config.selectionType !== 'counter') {
-      this._searchElement.placeholder = ''
+      this._searchElement.removeAttribute('placeholder')
       this._selectionElement.style.removeProperty('display')
       return
     }
diff --git a/scss/forms/_form-multi-select.scss b/scss/forms/_form-multi-select.scss
@@ -95,6 +95,10 @@
     display: none;
     margin-left: $form-multi-select-padding-x;
   }
+
+  &:placeholder-shown {
+    width: 100%;
+  }
 }
 
 .form-multi-select-all {

Original file line number	Diff line number	Diff line change
`@@ -659,7 +659,7 @@ class MultiSelect extends BaseComponent {`
`659`	`659`	`}`
`660`	`660`
`661`	`661`	`if (this._selection.length > 0 && this._config.multiple && this._config.selectionType !== 'counter') {`
`662`		`- this._searchElement.placeholder = ''`
	`662`	`+ this._searchElement.removeAttribute('placeholder')`
`663`	`663`	`this._selectionElement.style.removeProperty('display')`
`664`	`664`	`return`
`665`	`665`	`}`
Original file line number	Diff line number	Diff line change
`@@ -95,6 +95,10 @@`
`95`	`95`	`display: none;`
`96`	`96`	`margin-left: $form-multi-select-padding-x;`
`97`	`97`	`}`
	`98`	`+`
	`99`	`+ &:placeholder-shown {`
	`100`	`+ width: 100%;`
	`101`	`+ }`
`98`	`102`	`}`
`99`	`103`
`100`	`104`	`.form-multi-select-all {`