diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts index 0a25c5c759..f039d0cbcd 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts @@ -189,7 +189,8 @@ export class UmbWorkspaceSplitViewVariantSelectorElement extends UmbLitElement { return isReadOnly; }) - .map((variant) => variant.culture); + .map((variant) => variant.culture) + .filter((item) => item !== null) as string[]; } #onPopoverToggle(event: ToggleEvent) { @@ -229,7 +230,7 @@ export class UmbWorkspaceSplitViewVariantSelectorElement extends UmbLitElement { slot="append" popovertarget="variant-selector-popover" title=${ifDefined(this._activeVariant?.language.name)}> - ${this._activeVariant?.language.name} ${this.#renderReadOnlyTag(this._activeVariant.culture)} + ${this._activeVariant?.language.name} ${this.#renderReadOnlyTag(this._activeVariant?.culture)} ${this._activeVariants.length > 1 @@ -301,7 +302,8 @@ export class UmbWorkspaceSplitViewVariantSelectorElement extends UmbLitElement { return this._readOnlyCultures.includes(culture); } - #renderReadOnlyTag(culture: string | null) { + #renderReadOnlyTag(culture?: string | null) { + if (!culture) return nothing; return this.#isReadOnly(culture) ? html`Read-only` : nothing; }