[BUG] Can't remove style property on selected device

Question

Hi, have a problem with removing style property on selected device (clearProperties: true). You can reproduce the problem on https://grapesjs.com/demo.html. Steps:Clean everything.Drag custom code.Add this sample code.Switch devices to tablet or mobile and select the component.In the Typography style you can see that the COLOR property is YELLOW and there is NO clean icon. I have X icon only on desktop device but on mobile or tablet is just yellow label.

abozhinov · Accepted Answer

@artf do you have idea how can i fix it?

artf · Answer

To make the StyleManager read the proper style rule your media query should reflect the same width of the selected Device. Did you try it?

abozhinov · Answer

Yes I do it. deviceManager: { devices: [ { name: 'Desktop', width: '', priority: 3 }, { name: 'Tablet', width: '768px', widthMedia: '991px', priority: 2 }, { name: 'Mobile', width: '360px', height: '640px', widthMedia: '767px', priority: 1 }] },

Can't remove style property on selected device

Question

Answers (3)

Related Questions and Answers

CSS added via custom code persists after custom code component is removed

XSS Vulnerability in Live Preview

[Bug] Hover editor result in TypeError: this[0].getAttribute is not a function

Modals close on mouseup event outside of modal rather than a full click

Paid Plugins That Match This Issue

Browse Plugin Categories