From b65304a8f18afdfbb8804bc1f836d937ce226b6f Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 15 Apr 2024 21:44:10 +0200
Subject: [PATCH] bugfix:hide-variant-dropdown-when invariant

---
 .../variant-selector/variant-selector.element.ts          | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/variant-selector.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/variant-selector.element.ts
index 833b115891..4ac37f06a7 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/variant-selector.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/variant-selector.element.ts
@@ -183,6 +183,10 @@ export class UmbVariantSelectorElement extends UmbLitElement {
 		return state !== DocumentVariantStateModel.PUBLISHED && !this.#isVariantActive(culture);
 	}
 
+	#hasVariants() {
+		return this._variants?.length > 1;
+	}
+
 	// TODO: This ignorer is just needed for JSON SCHEMA TO WORK, As its not updated with latest TS jet.
 	// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 	// @ts-ignore
@@ -209,7 +213,7 @@ export class UmbVariantSelectorElement extends UmbLitElement {
 				${umbFocus()}
 			>
 				${
-					this._variants?.length
+					this.#hasVariants()
 						? html`
 								<uui-button
 									id="variant-selector-toggle"
@@ -233,7 +237,7 @@ export class UmbVariantSelectorElement extends UmbLitElement {
 			</uui-input>
 
 			${
-				this._variants?.length
+				this.#hasVariants()
 					? html`
 							<uui-popover-container
 								id="variant-selector-popover"