Blue border around custom block when dragged

[dvarjun]

Describe the bug When custom blocks are dragged a blue border appears around them. It looks like ProseMirror-selectednode css class is being applied on custom blocks.

To Reproduce Click the drag icon for the alert custom block and try moving it.(https://www.blocknotejs.org/docs/custom-schemas/custom-blocks)

[lamtuanamc]

@dvarjun Add this to your css file

.ProseMirror-selectednode > .bn-block-content > *,
.bn-block-content.ProseMirror-selectednode > * {
  outline: none !important;
}

[matthewlipski]

@dvarjun Add this to your css file

.ProseMirror-selectednode > .bn-block-content > *,
.bn-block-content.ProseMirror-selectednode > * {
  outline: none !important;
}

To add to this, you can scope these styles to just the drag preview like this:

.bn-drag-preview .ProseMirror-selectednode > .bn-block-content > *,
.bn-drag-preview .bn-block-content.ProseMirror-selectednode > * {
  outline: none !important;
}