Canvas View issues about mjml

[artf]

Hi @masfi can you provide the template of your case or a live demo, because I can't reproduce it

[masfi]

Sure, I can provide the template code. I tested the mjml on the mjml live editor. It works fine there. I attempted it on the demo and worked fine but I thought the demo might not be up to date with this pull-request #23? I couldn't tell if I was grasping for straws since this is the most javascript heavy work I have done so far.

Btw, when I comment out the height line in mj-container, this issue doesn't occur anymore. However then there's the same issue of being unable to drop any components when the canvas is clear.

<mjml>
  <mj-body>
    <mj-container background-color="rgba(129,55,55,0.35)">
      <mj-section background-color="#E6F0FF">
        <mj-column>
        </mj-column>
      </mj-section>
      <mj-section>
        <mj-column>
          <mj-image src="http://placehold.it/350x250/78c5d6/fff">
          </mj-image>
          <mj-image src="http://placehold.it/350x250/78c5d6/fff">
          </mj-image>
        </mj-column>
        <mj-column>
          <mj-image src="http://placehold.it/350x250/78c5d6/fff">
          </mj-image>
          <mj-image src="http://placehold.it/350x250/78c5d6/fff">
          </mj-image>
        </mj-column>
      </mj-section>
      <mj-section>
        <mj-column>
          <mj-text>Enter text in this block 
          </mj-text>
        </mj-column>
        <mj-column>
          <mj-image src="http://placehold.it/350x250/78c5d6/fff">
          </mj-image>
        </mj-column>
      </mj-section>
      <mj-section>
        <mj-column>
          <mj-image src="http://placehold.it/350x250/78c5d6/fff">
          </mj-image>
          <mj-text>Enter text in this block 
          </mj-text>
        </mj-column>
      </mj-section>
      <mj-section>
        <mj-column>
          <mj-image src="http://placehold.it/350x250/78c5d6/fff">
          </mj-image>
          <mj-image src="http://placehold.it/350x250/78c5d6/fff">
          </mj-image>
        </mj-column>
        <mj-column>
          <mj-image src="http://placehold.it/350x250/78c5d6/fff">
          </mj-image>
          <mj-image src="http://placehold.it/350x250/78c5d6/fff">
          </mj-image>
        </mj-column>
      </mj-section>
      <mj-section>
        <mj-column>
          <mj-text>Start from here
          </mj-text>
        </mj-column>
      </mj-section>
      <mj-section background-color="#E6F0FF">
        <mj-column>
          <mj-text align="center">
            112233 aabbcc street, Anytown, GA, 30076
          </mj-text>
        </mj-column>
      </mj-section>
    </mj-container>
  </mj-body>
</mjml>

[DRoet]

I can't reproduce this on the latest version, it is true the demo page is sometimes a few versions behind. feel free to reopen a new issue if this is still a problem