Issue: ToC isn’t scrolling to the target element.

[Thebibii]

I already installed npx shadcn@latest add https://platejs.org/r/toc-kit, but when I click on the ToC items, it doesn’t scroll. I didn’t modify any of the code.

[zbeyens]

Are you using React 19?

[Thebibii]

I’m using the editor from https://platejs.org/docs/components/editor , but the documentation says to skip that section. I’m not sure if this affects the ToC functionality.

[Thebibii]

@zbeyens So what do you think—do you already know what the issue is, or should I send you my code?

[zbeyens]

Try to reproduce it from https://github.com/udecode/plate-template

[Thebibii]

I fixed it. The issue was here

  <Plate
      editor={editor}
      onChange={({ value: newValue }) => {
        onChange?.(JSON.stringify(newValue));
      }}
    >
      <div className="relative overflow-x-scroll scrollbar-hide">
        <EditorContainer className={`border rounded-md ${className}`}>
          <Editor
            variant="fullWidth"
            placeholder={placeholder}
            disabled={disabled}
          />
        </EditorContainer>
      </div>
    </Plate>