feat: hide resize handles when dragging or resizing selected elements

toeverything / blocksuite

🧩 Content editing tech stack for the web - BlockSuite is a toolkit for building editors and collaborative applications.

https://blocksuite.io

Mozilla Public License 2.0

4.37k stars 398 forks source link

Closed pzppzz closed 3 months ago

pzppzz commented 3 months ago

for a better experience? hide all handles when dragging and hide all handles but the currently in use when resizing.

vercel[bot] commented 3 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
blocksuite	❌ Failed (Inspect)			Jun 25, 2024 7:14am

1 Ignored Deployment

graphite-app[bot] commented 3 months ago

Add the label “merge” to the PR and Graphite will automatically add it to the merge queue when it’s ready to merge.

You must have a Graphite account and log in to Graphite in order to use the merge queue. Sign up using this link.

L-Sun commented 3 months ago

Cloud you provide a demo video showing the difference before and after the change?

pzppzz commented 3 months ago

Cloud you provide a demo video showing the difference before and after the change?

The effect is same as Canva.

before:

after:

L-Sun commented 3 months ago

@hwangdev97 what do you think? 🤔

golok727 commented 3 months ago

While moving elements works well, resizing should maintain the visibility of the handles, similar to Figma.