Ecommerce Shopify WordPress Discussion

Inject element in to extended block in gutenberg [closed]

Closed. This question needs debugging details. It is not currently accepting answers. Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question. Closed 7 days ago. Improve this question I'm new to react and plugin development for the Gutenberg block editor. What I would like to do is to extend the core group block to let users mask the entire block with a vector. The problem is that in order to visually show the user the mask, a styled element has to be created inside the block just for this purpose. The pseudo elements :before and :after are kind of reserved by the block editor for other visual effects and thus I cannot use them. Also, according to Chat GPT, it is not possible to create elements within a block when extending it. Is this true? I could resort to DOM manipulations, but I don't believe there is a reliable way to do that because the block editor is weird and sometimes uses iframes for the block flow and other times it does not. In any case, I don't believe DOM manipulations are a recommended practice for plugin development for the editor. Maybe there is a much better way to achieve what I am after and in that case please advise.
TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.