htmx - HTMX でネストされた属性を処理する方法

Question

ページにテーブルのような構造があり、各行には、django がその行の詳細を返す URL を指す data-hx-get 属性があります。しかし、同じ行にも、djangoがその項目の編集フォームを返す編集ボタンがあります。行全体をクリック可能にしたいと思います。クリックすると、詳細が表示され、行をフォームに置き換える編集ボタンが表示されます。ユーザーにとっては正常に機能しますが、行内の編集ボタンをクリックすると、コンソールに表示されますhtmx:swapError行もクリックイベントを受け取り、本来の動作を行うためです。ボタンのイベントが優先され、行の前に行のコンテンツが変更され、行が応答を取得すると、その data-hx-target がページになくなります。それで、私の質問は、ネストされた要素に data-hx-get がある場合、親の hx ディレクティブを無視することを htmx に伝える方法があるかどうかです。

<div 
    class="row item-row" 
    id="item-row-{{item.pk|unlocalize}}"
    data-hx-get="{% url 'some url' item.pk %}
    data-hx-swap="outerHTML"
    data-hx-trigger="click"
    data-hx-target="this">
            ...
         <button
            data-hx-get="{% url 'editurl' item.pk %}"
            data-hx-swap="outerHTML"
            data-hx-trigger="click"></button>
</div>