blockly | The web-based visual programming editor | Editor library

I only found https://groups.google.com/g/blockly/c/SDUosMpAFAk to my problem, but it has no answers that could help me, so I created a Codesandbox to reproduce the behavior.

https://codesandbox.io/s/gallant-galois-bqjjb

The button in the Sandbox will open a modal with a Blockly Canvas in it. Trying to write something in the "text"- or "math_number"-Block does not work, and when you close the modal, with an outside click, some artifacts are staying.

I would be glad if someone can help me out with this.

EDIT: In case of the CodeSandbox link is not working.

Dependencies:

• @material-ui/core: 4.12.3
• @material-ui/styles: 4.11.4
• blockly: 6.20210701.0 (6.20210701.0)
• react: 17.0.2
• react-dom: 17.0.2
• react-scripts: 4.0.0
• react-use: 17.3.1

CODE:

index.js

I am developing a simple game (similar to Blockly and Scratch) that involves drag and drop. Currently, I am able to drag the button to a target container. However, the button gets completely transferred to another container. What I want to achieve is something like copy-pasting - from one container to another (basically drag-and-copy). I understand I have to clone it and give it a new ID but to no avail.

Here are the relevant codes: HTML and JS

I've been trying to make a custom block in the Blockly workspace that changes the options in drop-down fields based on the selection of a previous drop-down field in the same block. About the block:-

1. There are three dropdown fields
2. All are populated dynamically using Blockly.Extensions
3. All codes are present below

I've implemented an 'onchange' function to the blockly initialization that gets the change data through the 'event' variable and responds accordingly. I'm having problems trying to update the changing drop-down fields. Please assist.

Code

I am developing an app with ionic and angular. In one specific page I added a component into the ion-content, however now I want to choose to display another one when I click a button. I have been looking for an option but it has been imposible for me to find how to do it. This is my actual code:

First, I imported DomSanitizer to the component:

The question says that:

The program shown below on the left draws a snowflake. It uses 33 code blocks. Can you re-write it so that it uses at least one function and less than 30 blocks.

How can I draw this using Blockly?

My son and I are trying to implement one of the fun-science.org microbit tutorials - building a "tug of war" game. Essentially, 10 presses on button A moves the sprite closer to that button and the same applies on button B. When you hit the edge of the screen, music plays and a message is scrolled on the screen before the game restarts.

We've got it fully working, but once the game has been won, it doesn't seem to reset properly. It works fine on the simulator, but not on the physical device (a microbit 2).

Once the game is won, the behaviour is erratic. It usually puts the sprite back in the middle, sometimes not, but frequently, one button doesn't work in the next game. Occasionally both stop working. In every situation, a restart fixes things.

Is there something wrong with the code? I've wondered whether the music / message is corrupting something and I need to put a wait in for it to complete. I've re-downloaded the hex file and re-flashed the microbit several times, so I think I've eliminated a corrupt code file.

Javascript version of code shown below, but it was actually built in blockly using the Microsoft MakeCode tool.

I have a situation where I generate code from within a Blockly component. The resulting code will have a function that I want to call. According to the Blockly "Generating and Running JavaScript" documentation, I should use eval().

When I look up eval() on MSDN, I get a section that I should "never use eval" and use Function instead.

Here is some example code from what the output of the code could be:

I'm new into Flutter and I'm trying to add Blockly into Flutter for an app for kids. I want to be able to program some code into a Flutter app with Blockly, practically I'm trying to create a route with inside a Blockly widget in which the kid, through Blockly, can codes some simple programs and these are used by the Flutter app to do something.