ckeditor5-react icon indicating copy to clipboard operation
ckeditor5-react copied to clipboard

Setting data of any root with MultiRoot editor results in revision history marking all roots as changed

Open f1ames opened this issue 1 year ago • 0 comments

Reproduction steps

It can be done in multiple ways, the fastest for me was by using collaboration samples.

  1. Checkout collaboration samples repo and follow setup instructions.
  2. In real-time-collaboration-editor-multi-root-for-react expose data and setData returned by useMultiRootEditor. This can be done by modifying this line as:
	const { data, setData, editableElements, toolbarElement, attributes } = useMultiRootEditor( editorProps );

	window.setData = setData;
	window.data = data;
  1. Run the sample with yarn && yarn dev.
  2. Go to http://localhost:5173/.
  3. Open dev console, paste and execute window.setData({...window.data, header: '123123'}).
  4. Go to editor revision history.

Expected

Only header root is marked as changed.

Actual

All roots are marked as changed:

image

A bit of context

This happens because setData returned from useMultiRootEditor hook, expects all roots to be passed (since it diffs root list enabling to add/remove them) and existing roots are just updated with passed data, even if it's the same. Such update results in each root model data to be wiped out and re-added which is interpreted by revision history as complete data replace (since it works on model operations and does not diff data changes).

f1ames avatar Sep 24 '24 13:09 f1ames