fix(combobox): add support for external tooltip elements (#3930)

* fix(combobox): add support for external tooltip elements

* chore(combobox): remove unused code paths

* ci: update golden images cache

* docs(combobox): include slot present in API docs

.circleci/config.yml

@@ -10,7 +10,7 @@ executors:
 parameters:
     current_golden_images_hash:
         type: string
-        default: c0dc478a43f6c75df5171bf1fbea37cad9cba1c9
+        default: cd59af5fc3fb16d2c5e42f5c65ae90f247fc2eb6
     wireit_cache_name:
         type: string
         default: wireit

packages/combobox/src/Combobox.ts

@@ -244,6 +244,10 @@ export class Combobox extends Textfield {
         this.focus();
     }
 
+    public handleClosed(): void {
+        this.open = false;
+    }
+
     public handleOpened(): void {
         // Do stuff here?
     }
@@ -262,16 +266,6 @@ export class Combobox extends Textfield {
         return super.shouldUpdate(changed);
     }
 
-    private positionListbox(): void {
-        const targetRect = this.overlay.getBoundingClientRect();
-        const rootRect = this.getBoundingClientRect();
-        this.listbox.style.transform = `translate(${
-            targetRect.x - rootRect.x
-        }px, ${targetRect.y - rootRect.y}px)`;
-        this.listbox.style.height = `${targetRect.height}px`;
-        this.listbox.style.maxHeight = `${targetRect.height}px`;
-    }
-
     protected override onBlur(event: FocusEvent): void {
         if (
             event.relatedTarget &&
@@ -309,9 +303,7 @@ export class Combobox extends Textfield {
                 type="text"
                 .value=${live(this.displayValue)}
                 tabindex="0"
-                @sp-closed=${() => {
-                    this.open = false;
-                }}
+                @sp-closed=${this.handleClosed}
                 @sp-opened=${this.handleOpened}
                 type=${this.type}
                 aria-describedby=${this.helpTextId}