Custom component not showing on main form

Anvil Q&A
1

Hi
I have a created a custom component with a custom html form.
Its content is created at runtime, I mean I am trying to embed the excellent mergely library to make visual diff of texts and the component is built by the library at runtime.
Long story short, the custom-html custom component:

  1. is shown correctly inside the IDE per-se (e.g. if you click on its form, it is displayed)
  2. is shown as a single-line in the IDE in the form that uses it
  3. is not shown at all at runtime

I can’t understand this why it doesn’t show at runtime (nor point 2 to be sincere…)

https://anvil.works/build#clone:R4X73PLPKAG6HEW7=JHP3A6Y6U5RWKRHEZBB3PZLB

Thanks for your help

2

what a frustrating issue!

it’s all there it just is filling the height of its container which in the live app is 0px

try this:

<div style="height:80vh">
  <div class="mergely-full-screen-8">
    <div class="mergely-resizer">
      <div id="mergely"></div>
    </div>
  </div>
</div>
2 Likes
3

Thanks @stucork
I love when someone finds a one-line-solution to problems I’ve been hitting my head against for hours…
:face_with_head_bandage:
:grin:

1 Like