[Bug] UI refresh issue when dragging block under one heading to another

[khorshuheng]

Bug Description

When dragging a checkbox under one heading to another, the update isn't reflected on another device that is editing the same document, until the device navigate to another page and come back, forcing a UI refresh.

How to Reproduce

Have two devices editing the same document. On the first device, create two Headings. On the first heading, add a checkbox. Wait until the other device detects the change.

Then, on the first device, move the checkbox from the first heading to the second heading. The second device does not detect this change. Even though subsequent updates did get send to the device.

The change does indeed sync to the server - we can see the latest update on the web version at all time. If the second device navigate to another document, then come back, the content will also be updated.

EDITED - seems like this is applicable for other type of blocks as well, not just checkbox

Expected Behavior

Updates should be reflected on all devices.

Operating System

Linux

AppFlowy Version(s)

0.8.8

Screenshots

Additional Context

This is first reported by a self hoster on discord: https://discordapp.com/channels/903549834160635914/903553722804748309/1362967886603358329

[larsenv]

Please provide screenshots / additional context

[bruari]

See the above demo video. These are recorded in near real-time sync. User1 is performing the data entry. User1 and User2 are on two different accounts signed into the latest macOS Desktop Client. Our self-hosted containers are recently fully updated. Let us know if any other information is needed or any questions. Thanks!