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
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
This is the error in the console.
Answers (3)
Posted a workaround here https://github.com/artf/grapesjs/issues/3693
Hey @sriya-srinivasan can you create a reproducible demo, please?
@sriya-srinivasan any update please?
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2999
Drag Sorting issues in Web Component with Shadow Dom disabled
Version 16.10 Are you able to reproduce the bug from the demo? [X] Yes [ ] No What is the expected behavior? That GrapesJS can support drag...
Issue #2836
[BUG]: Unable to add class when adding Dom Component
GrapesJS Version used: 0.16.12 (current) Just a strange behavior, I can add all the attributes I want when adding component directly inside...
Issue #3352
BUG: Default Content is getting Inserted while using setComponents if Tag Body is empty
Version: Latest You can get the version by typing grapesjs.version into the console Are you able to reproduce the bug from the demo?[X] Yes...
Issue #2282
[Editor UI]: Replace the current View for the core editor UI components
Hi there! the currently used structure of grapesjs is based on leveraging backbonejs model-view concept for implementing the Virtual Dom in...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.