fix: select drop should equal same width as select button (#259)

ghiscoding · web-flow · commit 6f854a152eda · 2024-03-22T20:06:54.000-04:00
diff --git a/packages/multiple-select-vanilla/src/MultipleSelectInstance.ts b/packages/multiple-select-vanilla/src/MultipleSelectInstance.ts
@@ -764,10 +764,10 @@ export class MultipleSelectInstance {
     if (window.getComputedStyle) {
       computedWidth = window.getComputedStyle(this.elm).width;
       if (computedWidth === 'auto') {
-        computedWidth = getElementSize(this.dropElm, 'outer', 'width') + 15;
+        computedWidth = getElementSize(this.dropElm, 'outer', 'width') + 20;
       }
     } else {
-      computedWidth = getElementSize(this.elm, 'outer', 'width') + 15;
+      computedWidth = getElementSize(this.elm, 'outer', 'width') + 20;
     }
 
     this.parentElm.style.width = `${this.options.width || computedWidth}px`;

Original file line number	Diff line number	Diff line change
`@@ -764,10 +764,10 @@ export class MultipleSelectInstance {`
`764`	`764`	`if (window.getComputedStyle) {`
`765`	`765`	`computedWidth = window.getComputedStyle(this.elm).width;`
`766`	`766`	`if (computedWidth === 'auto') {`
`767`		`- computedWidth = getElementSize(this.dropElm, 'outer', 'width') + 15;`
	`767`	`+ computedWidth = getElementSize(this.dropElm, 'outer', 'width') + 20;`
`768`	`768`	`}`
`769`	`769`	`} else {`
`770`		`- computedWidth = getElementSize(this.elm, 'outer', 'width') + 15;`
	`770`	`+ computedWidth = getElementSize(this.elm, 'outer', 'width') + 20;`
`771`	`771`	`}`
`772`	`772`
`773`	`773`	this.parentElm.style.width = `${this.options.width \|\| computedWidth}px`;