(Non-breaking Space) Inserted After Custom Container Elements in Inline Widgets

[enes-akguen]

I have encountered an issue where   (non-breaking spaces) are automatically inserted after custom container elements (ContainerElement). This occurs specifically when using inline widgets.

I followed the official CKEditor 5 inline widget example to create a custom inline widget. The widget works well, but I noticed that after typing a space following the container element, a   is inserted automatically.

Is there a way to prevent CKEditor from inserting   after container elements, particularly in this scenario with inline widgets? I would appreciate any guidance or potential workarounds for this behavior.

[niegowski]

I do not know what element you use for your widget, but it is most probably an element not registered as an inline object in the DomConverter.

For common inline elements that should be treated as an inline object (display inline-block) you could specify more attributes of the element to be recognized as an inline object. For example <span class="placeholder"> could be an inline object but plain <span> would not.

Here is an example from not yet released bookmark feature:

ckeditor5/packages/ckeditor5-bookmark/src/bookmarkediting.ts

Lines 99 to 103 in 8a56943

	editor.data.htmlProcessor.domConverter.registerInlineObjectMatcher( element => upcastMatcher( element ) );
	// Register an inline object matcher so that bookmarks <a>s are correctly recognized as inline elements in editing pipeline.
	// This prevents converting spaces around bookmarks to `&nbsp;`s.
	editor.editing.view.domConverter.registerInlineObjectMatcher( element => upcastMatcher( element, false ) );

[enes-akguen]

Thanks, this helped