[🐞] Embedding qwik: Click handlers not firing for single-file embeddable widget

[makinghappen]

Which component is affected?

Qwik Runtime

Describe the bug

I’m using Qwik as a client-only, single-file embeddable widget (no SSR, no Qwik City). The idea is:

• Build a single IIFE bundle (e.g. qwik-widget.single.js)
• Expose window.QwikWidget.mount(target, props)
• Mount into arbitrary <div>s on any HTML page

the issue is that click handlers are not firing.

What would be the proper way of building a embeddable qwik widget/element?

Reproduction

https://github.com/makinghappen/qwik-embed-test

Steps to reproduce

No response

System Info

Qwik: `@builder.io/qwik@1.17.2`

Bundler: Vite `7.1.11`

Additional Information

No response

[wmertens]

are you adding the qwikloader?

[makinghappen]

@wmertens maybe you have an example?
My goal is to have a minimal embeddable widget which can be shipped to 3rd party pages

[wmertens]

@makinghappen ideally you use SSG or SSR to make the widget a container, and embed the container. That way, it will only run the code that the widget actually needs and there are no issues with setting up.

It's very simple to do SSG, just create a qwik app and put the widget in routes/index.tsx, and then add the static adapter (ssg adapter in v2). Change the entry.ssr to use "div" for the container element.

Then build and you will have an index.html that you can embed.

[makinghappen]

@wmertens thank you! It works as you have suggested.

[makinghappen]

@wmertens can you suggest how can a single project have two different entry.ssr ? For a both normal and embeddable routes to be built.

[wmertens]

@makinghappen the src/entry.ssr file is a default provided by the qwik plugin. If you provide your own input file it will use that instead.

However, for SSG it expects the build output to have an entry.ssr file that renders. So then I would propose that you output to a different dir than server.