Custom component not pulling through style on first add.

Question

Fiddle replicating the issue: https://jsfiddle.net/gd8mo3e4/1/

I have a custom component for creating a gallery of pdf documents. There's a custom asset manager that opens when the block is dropped into the editor, to allow you to choose the pdf which then changes the thumbnail.

The issue that i'm having is that on a fresh page reload, the first time you drop in a new pdf block, it isn't importing the styles from the model. If you delete it and add in a new block, it does.

You can see this by creating columns, and dropping a pdf block into it.

smik3 · Accepted Answer

The thumbnail/image which it puts into the editor should be scaling to fit the container. I'm seeing it at original size on first-load, all subsequent block adds correctly fit whichever column they are dropped into. If you look at the export code, you can also see that the first time you drop a block in, it does not update the css. On subsequent blocks it's added

smik3 · Answer

A couple of screenshots demonstrating the behaviour I'm seeing... Screen Shot 2019-11-06 at 11 32 16

artf · Answer

i guess this is related to this one and probably this one @artf mmm not really Changing modelThumbElement.setAttributes({"data-gallery":fileName}); to use addAttributes seems to fix it, but I'm not sure what is really happening (I'd expect the "wrong" behavior all the time, not only the first time). I'll investigate on this later

Custom component not pulling through style on first add.

Question

Answers (3)

Related Questions and Answers

[QUESTIONS] How to set style for pseudo elements (:after and :before)

[Bug] Enabling full size dropzone opens asset modal every time you drop a block onto the canvas.

[Bug]: adding css variables as style manager property

Namespace CSS?

Paid Plugins That Match This Issue

Browse Plugin Categories