TipTap Style Menu is not working

[SigmundurMorkore]

Which Umbraco version are you using?

16.3.4

Bug summary

When selecting parts of the TipTap style menu nothing happens. Instead errors are thrown in the console.log.

Specifics

No response

Steps to reproduce

Screen.Recording.2025-11-04.at.13.02.09.mov

The console.logs

[2025-11-04T13:04:37.833Z] Information: Connection disconnected. [index.js:227:20](https://localhost:5001/umbraco/backoffice/21749abd7371b5725aceef28b8bd2de6977f98d8/external/signalr/index.js)
[Auth Context] Informing token check worker about new token response. [auth-session-timeout.controller.ts:51:13](https://localhost:5001/umbraco/backoffice/src/packages/core/auth/controllers/auth-session-timeout.controller.ts)
[Auth Context] Informing token check worker about new token response. [auth-session-timeout.controller.ts:51:13](https://localhost:5001/umbraco/backoffice/src/packages/core/auth/controllers/auth-session-timeout.controller.ts)
[Token Check Worker] Token check worker initialized. [token-check.worker-BA0acAb6.js:1:51](https://localhost:5001/umbraco/backoffice/packages/core/assets/token-check.worker-BA0acAb6.js)
[Token Check Worker] Connected to main thread. [token-check.worker-BA0acAb6.js:1:154](https://localhost:5001/umbraco/backoffice/packages/core/assets/token-check.worker-BA0acAb6.js)
[Token Check Worker] Initializing with token response: undefined [token-check.worker-BA0acAb6.js:1:288](https://localhost:5001/umbraco/backoffice/packages/core/assets/token-check.worker-BA0acAb6.js)
[Token Check Worker] Initializing with token response: 
Object { accessToken: "tC2sSLW-6tZmu5uIZy699cbQsy4F0oRyolx60tEU4fk", tokenType: "Bearer", expiresIn: 1800, refreshToken: "UZ_-IHvJgiM5PYSmX9bJsuBgKtHsXDX6VX8tb_pWtvI", scope: "offline_access", idToken: undefined, issuedAt: 1762261231 }
[token-check.worker-BA0acAb6.js:1:288](https://localhost:5001/umbraco/backoffice/packages/core/assets/token-check.worker-BA0acAb6.js)
[Token Check Worker] Initializing token check worker... [token-check.worker-BA0acAb6.js:1:793](https://localhost:5001/umbraco/backoffice/packages/core/assets/token-check.worker-BA0acAb6.js)
[Auth Context] Informing token check worker about new token response. [auth-session-timeout.controller.ts:51:13](https://localhost:5001/umbraco/backoffice/src/packages/core/auth/controllers/auth-session-timeout.controller.ts)
[Token Check Worker] Initializing with token response: 
Object { accessToken: "Bh69cvYGtU9b9qmHTY7o8KjjmLo89cwl5CGMzFwB97s", tokenType: "Bearer", expiresIn: 1800, refreshToken: "9-EBpkRcuGbyPc3LSd0LVGHZNSJ8KRjJ96BcrN4lpwc", scope: "offline_access", idToken: undefined, issuedAt: 1762261478 }
[token-check.worker-BA0acAb6.js:1:288](https://localhost:5001/umbraco/backoffice/packages/core/assets/token-check.worker-BA0acAb6.js)
[Token Check Worker] Initializing token check worker... [token-check.worker-BA0acAb6.js:1:793](https://localhost:5001/umbraco/backoffice/packages/core/assets/token-check.worker-BA0acAb6.js)
[2025-11-04T13:04:39.208Z] Information: WebSocket connected to wss://localhost:5001/umbraco/serverEventHub?id=OJzLt_Z5FgMhIxn80RQycg&access_token=Bh69cvYGtU9b9qmHTY7o8KjjmLo89cwl5CGMzFwB97s. [Utils.js:148:30](https://localhost:5001/umbraco/backoffice/node_modules/@microsoft/signalr/dist/esm/Utils.js)
[tiptap warn]: Duplicate extension names found: ['listItem']. This can lead to issues. [index.js:1183:21](https://localhost:5001/umbraco/backoffice/node_modules/@tiptap/core/dist/index.js)
Uncaught TypeError: e.toggleHeading is not a function
    command style-menu.tiptap-toolbar-api.ts:15
    execute style-menu.tiptap-toolbar-api.ts:60
    execute tiptap-toolbar-menu.element.ts:105
    y cascading-menu-popover.element.ts:56
    x cascading-menu-popover.element.ts:103
    handleEvent lit-html.js:6
    Ks index.js:141
    handleEvent lit-html.js:6
    _$AI lit-html.js:6
    p lit-html.js:6
    $ lit-html.js:6
    _$AI lit-html.js:6
    p lit-html.js:6
    $ lit-html.js:6
    _$AI lit-html.js:6
    Ec lit-html.js:6
    update lit-element.js:6
    performUpdate reactive-element.js:6
    scheduleUpdate reactive-element.js:6
    _$EP reactive-element.js:6
    requestUpdate reactive-element.js:6
    _$Ev reactive-element.js:6
    Xt reactive-element.js:6
    v lit-element.js:6
    i index.js:38
    t index.js:16
    t index.js:110
    t index.js:228
    le index.js:43
    u lit-html.js:6
    $ lit-html.js:6
    _$AI lit-html.js:6
    p lit-html.js:6
    $ lit-html.js:6
    _$AI lit-html.js:6
    k lit-html.js:6
    _$AI lit-html.js:6
    p lit-html.js:6
    $ lit-html.js:6
    _$AI lit-html.js:6
    Ec lit-html.js:6
    update lit-element.js:6
    performUpdate reactive-element.js:6
    scheduleUpdate reactive-element.js:6
    _$EP reactive-element.js:6
    requestUpdate reactive-element.js:6
    _$Ev reactive-element.js:6
    Xt reactive-element.js:6
    v lit-element.js:6
[style-menu.tiptap-toolbar-api.ts:15:30](https://localhost:5001/umbraco/backoffice/src/packages/tiptap/extensions/style-menu/style-menu.tiptap-toolbar-api.ts)
    command style-menu.tiptap-toolbar-api.ts:15
    execute style-menu.tiptap-toolbar-api.ts:60
    execute tiptap-toolbar-menu.element.ts:105
    y cascading-menu-popover.element.ts:56
    x cascading-menu-popover.element.ts:103
    handleEvent lit-html.js:6
    Ks index.js:141
    handleEvent lit-html.js:6
    (Async: EventListener.handleEvent)
    _$AI lit-html.js:6
    p lit-html.js:6
    $ lit-html.js:6
    _$AI lit-html.js:6
    p lit-html.js:6
    $ lit-html.js:6
    _$AI lit-html.js:6
    Ec lit-html.js:6
    update lit-element.js:6
    performUpdate reactive-element.js:6
    scheduleUpdate reactive-element.js:6
    _$EP reactive-element.js:6
    AsyncFunctionNext self-hosted:800
    (Async: async)
    requestUpdate reactive-element.js:6
    _$Ev reactive-element.js:6
    Xt reactive-element.js:6
    v lit-element.js:6
    i index.js:38
    t index.js:16
    t index.js:110
    t index.js:228
    le index.js:43
    u lit-html.js:6
    $ lit-html.js:6
    _$AI lit-html.js:6
    p lit-html.js:6
    $ lit-html.js:6
    _$AI lit-html.js:6
    k lit-html.js:6
    _$AI lit-html.js:6
    p lit-html.js:6
    $ lit-html.js:6
    _$AI lit-html.js:6
    Ec lit-html.js:6
    update lit-element.js:6
    performUpdate reactive-element.js:6
    scheduleUpdate reactive-element.js:6
    _$EP reactive-element.js:6
    AsyncFunctionNext self-hosted:800
    (Async: async)
    requestUpdate reactive-element.js:6
    _$Ev reactive-element.js:6
    Xt reactive-element.js:6
    v lit-element.js:6
[Token Check Worker] Token expires in 7170 seconds [token-check.worker-BA0acAb6.js:1:629](https://localhost:5001/umbraco/backoffice/packages/core/assets/token-check.worker-BA0acAb6.js)

Expected result / actual result

No response

---

This item has been added to our backlog AB#62366

[github-actions]

Hi there @SigmundurMorkore!

Firstly, a big thank you for raising this issue. Every piece of feedback we receive helps us to make Umbraco better.

We really appreciate your patience while we wait for our team to have a look at this but we wanted to let you know that we see this and share with you the plan for what comes next.

• We'll assess whether this issue relates to something that has already been fixed in a later version of the release that it has been raised for.
• If it's a bug, is it related to a release that we are actively supporting or is it related to a release that's in the end-of-life or security-only phase?
• We'll replicate the issue to ensure that the problem is as described.
• We'll decide whether the behavior is an issue or if the behavior is intended.

We wish we could work with everyone directly and assess your issue immediately but we're in the fortunate position of having lots of contributions to work with and only a few humans who are able to do it. We are making progress though and in the meantime, we will keep you in the loop and let you know when we have any questions.

Thanks, from your friendly Umbraco GitHub bot 🤖 🙂

[SigmundurMorkore]

Creating a fresh TipTap data type made the Style Menu work, but then when configuring it the same as the original one, the issue came back.

Re-enabling all the "capabilities" makes the style menu work again.

These are the settings for the data type:

[jsandrae]

@SigmundurMorkore I had the same issue. 16.3 unbundled several components from Rich Text Essentials in #20042. The ones I was missing were under the HTML tab with id and class. You may need more since there were more errors than I experienced, but selecting those two added the missing functions triggering a couple of the errors in your console.log.

[SigmundurMorkore]

Thanks for the tip! maybe I'll try disabling some of the capabilities (though what's the drawback of letting them all be enabled but just not using them in the toolbar?).

I would also still consider this to be a bug, as a enabled capability doesn't work unless other capabilities also are enabled (without BackOffice informing the editor that other capabilities are needed)

[leekelleher]

@SigmundurMorkore Thank you for reporting this, and @jsandrae thank you for the extra insight.
We'll get the Style Select toolbar configuration wired up with the appropriate capabilities, at least to indicate the issue.

[leekelleher]

Seems that we'd already fixed in this #20571, for v16.4.0.