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

gedw99 · 2024-06-30T01:28:05Z

gedw99
Jun 30, 2024

also interested in this concept.

0 replies

gedw99 · 2024-06-30T01:30:26Z

gedw99
Jun 30, 2024

see a-h/templ#781

templ supports it now

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Is htmx 2.0 usable within a shadowrootmode? #2646

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 2 comments

{{title}}

{{title}}

Select a reply

Is htmx 2.0 usable within a shadowrootmode? #2646

bbigras Jun 18, 2024

Replies: 2 comments

gedw99 Jun 30, 2024

gedw99 Jun 30, 2024

bbigras
Jun 18, 2024

gedw99
Jun 30, 2024

gedw99
Jun 30, 2024