Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG] Gradient plugin is interfering with background-image

See original GitHub issue

The background-image url is getting wrapper around by linear-gradient() function like so

background-image: -webkit-linear-gradient(path/to/image.jpg);

Even though I assigned gradient to ‘background’ property instead of ‘background-image’

          editor.StyleManager.addProperty('decorations', {
          name: 'Gradient',
          property: 'background',
          type: 'gradient',
          defaults: 'none'
        });

I can’t reproduce the bug in the demo of either grapesjs or the plugin because in neither of them have the two features (background image and gradient ) been used together.

Issue Analytics

State:
Created 4 years ago
Reactions:1
Comments:11 (5 by maintainers)

Top GitHub Comments

1reaction

artfcommented, Sep 10, 2020

Can someone check if the latest release fixes the issue, please?

0reactions

alikabeer32commented, May 30, 2021

@artf latest release doesn’t fix the issue I think

Top Results From Across the Web

How do I combine a background-image and CSS3 gradient on ...

The final line sets a background image and gradient for browsers that can handle them. ... Stacking images ONLY (no gradients in the...

Gradient On Contain Background Image - WordPress.org

I have a background image within a container. I had a gradient overlay applied but have removed it, switching off the slider.

BackgroundImage is not implemented in Filter Effects (CSS or ...

They are currently trying to nail down the CSS Compositing spec related to BackgroundImage and enable-background-image. There are significant technical issues ...

Gradient Background - Elementor

Gradient Background Settings · Color: set the first gradient color · Location: set the location of the first color. This will affect the...

WordPress Background Images: How to Add, Edit ... - Kinsta

Gradient Backgrounds: A gradient background transitions from one color to ... A responsive theme or plugin may adjust the background image ...