Devices with a percentage width not supported
This is probably related to https://github.com/artf/grapesjs/issues/896. I guess the logic should be adjusted to handle different types of units, i.e px, em, % etc.
Read full answer below ↓Question
version: 0.14.8
Steps to reproduce the bug
- Use the grapesjs-blocks-bootstrap4 plugin.
- Use the
index.htmlexample there - Keep the default devices (which include one defined as100%) - Add any block with classes (eg
Container) - Click that added block in the editor canvas.
- This results in an error:
Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Element': '#gjs-css-rules-100%' is not a valid selector.
Screenshot
Answers (2)
This is probably related to https://github.com/artf/grapesjs/issues/896. I guess the logic should be adjusted to handle different types of units, i.e px, em, % etc.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #792
Script property using function don't work with blocks
In Components & JS docs there's this example: This works perfectly. But I couldn't use a function instead of a string in script, as is said...
Issue #1699
[BUG] Link elements are not copyable/deletable
In the editor, if we have link element with some classes, the editor does not allow to copy/delete the element. GrapesJS version: v0.14.50S...
Issue #1653
Is there any way to store edited template from grapesjs as .html in local folder ?
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grape...
Issue #680
DOM/Component buginess when editing Classes/Settings
Encountered this while developing a plugin. I've reproduced it in the official demo via Browserstack on a different OS and browser, so I'm...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.