BUG: Css attribute (-webkit-background-clip:text;) doesn't work in grapesjs-preset-webpage.
Question
Version: "grapesjs": "^0.17.3" "grapesjs-preset-webpage": "^0.1.11"
You can get the version by typing grapesjs.version into the console
Are you able to reproduce the bug from the demo?
- Yes
- No
What is the current behavior? Css attribute (-webkit-background-clip:text;) doesn't work in grapesjs-preset-webpage(disappear when import). But it works in Grapesjs offical demo. https://grapesjs.com/demo.html Is GrapesJs official demo source different to plugin grapesjs-preset-webpage?
Describe the bug detailed I'm trying to import the css attribute (-webkit-background-clip:text;) to grapesjs-preset-webpage, but it didn't work well(it disappears when import). Then, I try to import to same code at GrapesJs official demo, and it's work. I have no idea what's going on. Please Help!
Are you able to attach screenshots, screencasts or a live demo?
- Yes (attach)
- No
From grapesjs official demo
https://grapesjs.com/demo.html
It's work when import css attribute (-webkit-background-clip:text;)

From downloaded grapesjs-preset-webpage demo (-webkit-background-clip:text;) disappeared when I import css attribute (-webkit-background-clip:text;)

Both Import the same code:

code below:
<pre>
<h1 class="h1">
asdsd
</h1>
<style>* {
box-sizing: border-box;
}
body {
margin: 0;
}
*{
box-sizing:border-box;
}
body{
margin:0;
background:black;
}
.h1{
background:linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
-webkit-text-fill-color:transparent;
-webkit-background-clip:text;
}
</style>
</pre>Answers (1)
Alright I solved it by using grapesjs-parser-postcss I didn't know there's a CSS parser plugin.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3319
BUG: layers text does not center after creating a new line
Version: current? You can get the version by typing grapesjs.version into the console Are you able to reproduce the bug from the demo? [ ]...
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 #3063
BUG: Block Highlight Display Bug
Version: 0.6.18 You can get the version by typing grapesjs.version into the console Are you able to reproduce the bug from the demo? [ ] Ye...
Issue #3457
BUG: Custom trait input not working
Hi @artf ! Version: 0.17.3 Are you able to reproduce the bug from the demo?[ ] Yes[x] No What is the expected behavior? The input is create...
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.