OK, here is a REALLY IMPORTANT QUESTION: What should the name of this new morphing algorithm be? 1 - idiomorph (has 'id' in it, relatively meaningless) 2 - isomoroph (sounds cooler, might be confused w/ isomorphic js)

this is your opportunity to bike shed for the day

MightyMorphin

Steve

idiomorb

How bout ShapeShiftr.....leave out the e cause it's cool.

Or mutantX to keep in the htmx theme.

Morpheus?

Or _morpheus

ibemorphin

I'm obvious doing it wrong: I'm using https://animate.style/ for animation I got a button click left click right with some content in the middle. On clicking button a hx-get request is made and it return the outerHTML of the container. I'm using hx-swap="outerHTML swap:1s" this adds a class to the outerHTML .htmx-swapping where I add in css animation: fadeOutLeft; duration: 1s; The new div that is loaded has animation fadeInLeft. As the .htmx-swapping class is not there present the content fadeInLeft on screen. What I see is, not al the time, is a fast blink of the content and then the animation starts. I played along with the timing with no effect. My current thinking is that it rather with how css is structured and less with HTMX. But I'm not sure. If you can give me a pointer what direction I should be looking... If possible I'll write short showcase for it to put on htmx docs 🙂 (I'm very dyslecitic so you need reread my writing)

Idiomorph sounds cool to me!

feedback please

hello everyone. Is it possible to perform

oob swap

on just value of

<input type="range">

? I'm trying

<input id="slider-1" hx-swap-oob="true" hx-select-oob="value" value="100">

and it swaps entire

<input>

losing all other attributes except id and value

unfortunately not right now

It's like

hx-select

but for template libraries.

very much!

best option right now is probably to trigger an event and update

😑

I like the concept, would be nice to have it 👍

I'm using this in ws response, so not sure how to trigger an event in such case. But I think I came up with a hack, will try now.

I think you can add following project for

dotnet

https://github.com/soundaranbu/RazorTemplating I'm currently using it to render updated components and send over

ws

and it works quite well, although my project haven't grown big yet

if this is the same thing, is this the same concept as `{block some_name}`in PHP Latte or

{% block some_name %}

in PHP Twig?

it could be, I'd like to add those as examples

if they let you render only parts of the PHP file

Hopefully those help build context for you

so I have added empty

<div id="update"></div>

alongside my slider and then I'm sending

<div onshow='slider.value=10' id="update" hx-swap-oob="true"></div>

, but it doesn't update slider value, so I'm thinking event is not triggered and also tried over event like

onload

, but no luck yet