Drop inline object in text

[jirivinduska]

📝 Ask a question

I created a custom inline object that inherits all from inlineObject that contain one other element.

<inline><foo></foo></inline>

This custom can not be dropped into text. The drop target position never lands to #text. The only way to insert it inside the text is to place it next to another inline object - this way, the drop target caret shows. Is there some configuration or method to force showing drop target inside text?

I was curious, and if inlineObject does not contain anything, then the drop target position works as expected.

[jirivinduska]

Anything?

[Witoso]

Hi! Could you provide some recording? I'm not sure if I understand.

[jirivinduska]

Screen.Recording.2024-04-04.at.13.54.21.mov

Basicaly in the recording I have three widgets two of them are inline the footnote and the Equation (Inline) and one of them is normal block widget Equation (block).

When I try to drag and drop footnote which is empty inline widget it is working as expected. Drop zone is correctly triggered in text. When I try to drag and drop Inline Equation it does not work properly it does not let me drop in text, only next to other inline widgets. Inline Equation is widget which is not empty and looks like this in model

<inline><math></math></inline> possibly this is the reason why it does not work, but can I somehow oelvercome this by forcing drop zone in text for this inline widget?

[jirivinduska]

any news?

[jirivinduska]

Do you know how to resolve this?

[jirivinduska]

Bump

[niegowski]

The problem here is in this check:

ckeditor5/packages/ckeditor5-clipboard/src/dragdroptarget.ts

Lines 393 to 395 in 7f0da84

	const canDropOnPosition = !draggedRange || Array
	.from( draggedRange.getItems() )
	.every( item => model.schema.checkChild( targetModelPosition, item as Node ) );

It should check only top-level items and ignore all nested ones.