Our great sponsors
-
workspace-multiselect
A Blockly plugin that allows you to drag, select and manipulate multiple blocks in the workspace.
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
DragSelect
An easy JavaScript library for selecting and moving elements. With no dependencies. Drag-Select & Drag-And-Drop. – Examples:
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Project Link
This feature request has remained open on GitHub Issues for six years. However, it was still in the discussion phase and far from the beginning of Implementation before my project began.
Since the Blockly community long wants this feature, we base our plugin on the latest Blockly so that it can be applied to everyone's project. The App Inventor uses a Blockly version that is much older, so it's a pity that we can't see it work on App Inventor now. Let's hope that the App Inventor can upgrade the Blockly version to the latest soon.
The "drag a rectangle to select" feature is realized with the help of the DragSelect plugin. I submitted a PR to add the pointer-events so that it can work for Blockly, and it will get merged soon.
In addition, I disable the drag surface feature in Blockly, which stops us from moving multiple blocks simultaneously. Also, there's evidence suggesting that we can perform better without a drag surface.