htmx

looks pretty solid! https://playwright.dev/docs/why-playwright

if anyone is on HN, I submitted an item for hyperscript

I have question concerning OOB:
https://stackoverflow.com/questions/66655028/htmx-how-to-swap-table-row-with-hx-swap-oob

tables are notoriously difficult to work with

Can you return the rows as top level elements?

The native HTML parser hates table rows and table cells as top level content

https://github.com/bigskysoftware/htmx/blob/ad36f686e087117288d482475f19aa0083f73a87/src/htmx.js#L157

we have to do all sorts of sleazy stuff to make tables work

I use hx-swap-oob with tables but instead of switching entire rows, I just add id's to the td's I need to swap and then do an innerHTML swap.

I dub kent earl of knowing how to deal with tables and oob swaps

I think it would be cool if `hx-swap-oob` could take its innerHTML for the swap. This would mean the element which has the attribute "hx-swap-oob" would never make it into the DOM. Only its child element.

hx-swap-oob works with innerHTML, I use it exclusively.

i would like to make hx-swap-oob take its innerHTML and replace this as **outerHTML** of an element.

I also got hx-swap-oob to work with entire TR's but the way I found is pretty... gross.

```
<table>
  <tr id="myId" hx-swap-oob="innerHTML">
    <td>Foo</td>
    <td>bar</td>
  </tr>
</table>
```

On your actual table the TD's in your `myId` TR will then be swapped.

The gross part is that you will have a random <table></table> somewhere on your page also.

Oh and I only tested it in the latest version of Firefox and tables are weird so who knows if this works in IE11, Safari, etc 😅

I haven’t done too much with htmx and swapping tables, but you can usually get this kind of thing to work if you use tbody tags.  Perhaps try putting the hx- attributes in a tbody?

if you have an account, would appreciate an upvote boost

hi, is there any way to send the contents of a contenteditable element as parameters for a post request that uses hx-post?

You'd need to kick out to some javascript or hyperscript to do so

`hx-vars` let's you execute arbitrary javascript

something like:

```html
  <form hx-post="/whatever" 
        hx-vals="javascript: editable:htmx.find('#myEditable').innerHTML"> ...
 ...
```

Hacker News.. it’s our favorite place to challenge the establishment.