BUG: Couldnt Resize image

@yashvi2026

That's because of your custom CSS code.

Remove this part:

styles: `.image{max-width:100%;}@media (max-width: 480px) {.image {display: inline-block;height:auto !important;width:100% !important;max-width:100%;}}`,

from editor.BlockManager.add('image', {

I confirm the component resizer doesn't account for !important right now, but I'd follow, more or less, what @mosh-tudor suggested.

You don't need to remove the entire styles, as my guess is what you need, but I don't see the point of having !important there. If you need !important there, probably the problem is outside the image component.

I need to use !important in my style. I've noticed that in other components, when !important is included in the default styles, the styles added through the style manager also include !important to ensure they override the default.

So, when the style is changed manually in the Style Manager, !important is added. In the same way, when resizing the component, the styles should also be added with !important, right?