Feature request: add id attribute on heading block DOM elements

[Ovgodd]

Feature Request

Hello, I'm opening a feature request about heading block accessibility in BlockNote. This came up during an accessibility audit of Docs (La Suite).

Is your feature request related to a problem or unsupported use case? Please describe.

Our accessibility audit requires that table of contents entries be <a href="#heading-id"> links pointing to the corresponding headings in the document. Activating an entry must move focus to the target heading, whether the user is in reading or editing mode.

We've changed TOC entries from <button> to <a> on our side, but we cannot fully implement the focus requirement because BlockNote heading blocks don't carry an id attribute in the DOM. We tried setting id manually via DOM manipulation, but don't want any side effects

Current DOM output

<div class="bn-block-outer" data-id="abc123">
  <div data-content-type="heading">
    <h2 class="bn-inline-content">Introduction</h2>
  </div>
</div>

No id on the heading element, anchor links have no target, and focus() has nothing to target.

Describe the solution you'd like
Each heading block should render with a stable id attribute, e.g.:

Introduction

This would allow:

<a href="#heading-abc123"> links to target headings
Programmatic focus() on headings for keyboard accessibility
Native browser fragment navigation as a fallback