diff --git a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/tiptap-fixed-menu.element.ts b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/tiptap-fixed-menu.element.ts index 37c837f0ce..49243e1479 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/tiptap-fixed-menu.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/tiptap-fixed-menu.element.ts @@ -1,5 +1,5 @@ import type { UmbTiptapToolbarValue } from '../../extensions/types.js'; -import { css, customElement, html, map, property, state } from '@umbraco-cms/backoffice/external/lit'; +import { css, customElement, html, map, nothing, property, state } from '@umbraco-cms/backoffice/external/lit'; import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry'; import { UmbExtensionsElementAndApiInitializer } from '@umbraco-cms/backoffice/extension-api'; import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element'; @@ -65,14 +65,19 @@ export class UmbTiptapFixedMenuElement extends UmbLitElement { return html`${map(this.toolbar, (row, rowIndex) => map( row, - (group, groupIndex) => - html`${map(group, (alias, aliasIndex) => { - const newRow = rowIndex !== 0 && groupIndex === 0 && aliasIndex === 0; - return html`
- ${this._lookup?.get(alias)} -
`; - })} -
`, + (group, groupIndex) => html` + ${map(group, (alias, aliasIndex) => { + const newRow = rowIndex !== 0 && groupIndex === 0 && aliasIndex === 0; + const component = this._lookup?.get(alias); + if (!component) return nothing; + return html` +
+ ${component} +
+ `; + })} +
+ `, ), )} `; }