Issue #3674Opened August 5, 2021by sriya-srinivasan1 reactions

BUG: Invisible webcomponents

Question

Version: 0.17.19

What is the current behavior? That the added webcomponent is visible:

When adding web components inside grapesjs container, the component is empty/blank, if the component has elements in the shadow DOM. (If not using shadow dom to create components there is no issue.) It is visible in layer manager, but empty

Issue1

Here we can see the diffrence between the element inside and outside. The shadow root is not visible.

What is the expected behavior? The webcomponent inside grapesjs canvas needs to be rendered and look similar to the one outside, on top of the editor.

Are you able to attach screenshots, screencasts or a live demo?

  • Yes (attach)
  • No

Issue2

This is the error in the console.

Answers (3)

artfAugust 5, 20210 reactions

Hey @sriya-srinivasan can you create a reproducible demo, please?

artfAugust 10, 20210 reactions

@sriya-srinivasan any update please?

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.