TipTapEditor in Filament Repeater: Deleting Blocks Affects Other Editors

[aboutnima]

I’m using the Repeater field in Filament to allow users to add multiple TipTapEditor instances. Each TipTapEditor is configured with specific tools and blocks. Here’s the relevant code snippet:

Repeater::make('content')
    ->schema([
        TipTapEditor::make('personal_details')
            ->output(TiptapOutput::Json)
            ->blocks(FormFieldBlockRegistry::get())
            ->tools(['bold', 'italic', 'small', '|', 'heading', 'bullet-list', 'ordered-list', 'hr', '|', 'link', 'grid', 'blocks'])
            ->placeholder('Drag blocks here to build your form')
            ->hiddenLabel()
            ->columnSpanFull()
            ->extraInputAttributes(['style' => 'min-height: 12rem;']),
    ]);

The issue I’m facing is that when I delete a block (or make certain changes) in one TipTapEditor, it affects the content of other TipTapEditor instances within the same Repeater. It seems like their states are not properly isolated, causing them to interfere with each other.

I suspect this might be due to:
1. A shared state or binding between the editors.
2. The name attribute ('personal_details') not being scoped properly for each editor within the Repeater.

I’ve tried checking the documentation and debugging the state but haven’t found a solution yet. Has anyone encountered this issue or know how to ensure that each editor maintains its own state within a Repeater?

Here is a complete example of the bug:
Login credentials: [email protected]:admin

1. Open the ‘Forms’ menu in the Filament admin panel.
2. Create three editors.
3. Add two text fields to each editor.
4. Delete the text fields from the editors and encounter the issue.

https://github.com/aboutnima/filament-tiptapeditor-example

Any help or guidance would be greatly appreciated!