From 0c65771114604a70ba068f6e5d68c4cb2ec43b62 Mon Sep 17 00:00:00 2001
From: nathan <nathangray.bsc+github@gmail.com>
Date: Wed, 22 Nov 2023 09:32:42 -0700
Subject: [PATCH] Et2Select: Fix unwanted tag scrollbars for some multiple
 selects

---
 api/js/etemplate/Et2Select/Et2Select.ts | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/api/js/etemplate/Et2Select/Et2Select.ts b/api/js/etemplate/Et2Select/Et2Select.ts
index 071b5f497e..770c14ae2d 100644
--- a/api/js/etemplate/Et2Select/Et2Select.ts
+++ b/api/js/etemplate/Et2Select/Et2Select.ts
@@ -93,7 +93,8 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
 			  }
 
 			  /* Ellipsis when too small */
-			  .select__tags {
+
+			  ::part(tags) {
 				max-width: 100%;
 			  }
 			  .select__label {
@@ -112,29 +113,23 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
 
 			  /* Maximum height + scrollbar on tags (+ other styling) */
 
-			  .select__tags {
+			  ::part(tags) {
 				margin-left: 0px;
 				max-height: initial;
-				overflow-y: auto;
 				gap: 0.1rem 0.5rem;
 			  }
 
-			  .select--medium .select__tags {
-				padding-top: 2px;
-				padding-bottom: 2px;
+			  :host([rows]) ::part(tags) {
+				max-height: calc(var(--rows, 5) * 2.3em);
 			  }
 
-			  :host([rows]) .select__control > .select__label > .select__tags {
-				max-height: calc(var(--rows, 5) * 29px);
-			  }
-
-			  :host([rows='1']) .select__tags {
+			  :host([rows='1']) ::part(tags) {
 				overflow: hidden;
 			  }
 
 			  /* Keep overflow tag right-aligned.  It's the only sl-tag. */
 
-			  .select__tags sl-tag {
+			  ::part(tags) sl-tag {
 				margin-left: auto;
 			  }
 
@@ -844,6 +839,7 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
                             // Grab & stop mousewheel to prevent scrolling sidemenu when scrolling through options
                             e => e.stopImmediatePropagation()
                     }
+                    size=${this.size || "medium"}
             >
                 ${icon}
                 ${this._emptyLabelTemplate()}