Is htmx 2.0 usable within a shadowrootmode? #2646

bbigras · 2024-06-18T19:55:28Z

bbigras
Jun 18, 2024

Only the second button works. Is it possible to make the first one work too?

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>test htmx with shadowdom</title>
        <script src="https://unpkg.com/htmx.org@2.0.0"></script>
    </head>
    <body>
        <div>
            <template shadowrootmode="open">
                <header>Header</header>
                <main>
                    <button hx-post="/clicked" hx-swap="outerHTML">
                        doesn't work
                    </button>

                    <slot name="content1">
                        Loading...
                    </slot>
                </main>
                <footer>Footer</footer>
            </template>

            <div slot="content1">
                <button hx-post="/clicked" hx-swap="outerHTML">
                    works
                </button>
            </div>
        </div>
    </body>
</html>

My goal is to do something like Streaming HTML out of order without JavaScript.
I would like to avoid sse since I would prefer that the server start processing the data needed for "content1" right away and stream it when ready.

EDIT: I asked the same question on https://stackoverflow.com/questions/78644957/is-htmx-2-0-usable-within-a-shadowrootmode

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Is htmx 2.0 usable within a shadowrootmode? #2646

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 2 comments

Select a reply

Uh oh!

Uh oh!

Is htmx 2.0 usable within a shadowrootmode? #2646

Uh oh!

Uh oh!

bbigras Jun 18, 2024

Replies: 2 comments

bbigras
Jun 18, 2024