Duplicate data attributes for nested sprig() calls in template breaking requests, after 1.7.0 to 1.10.2 update

Describe the bug

After updating to latest version of sprig from 1.7.0 to 1.10.2, elements which are marked for processing by sprig now have duplicate data-hx-* attributes causing requests to fail. This happens if the element is inside a sprig template which is called by sprig() from another sprig template.

To reproduce

Steps to reproduce the behaviour:

1. Create sprig1.twig with: {{ sprig(‘sprig2.twig’) }}
2. Create sprig2.twig with: {{ sprig(‘elements.twig’) }}
3. Create elements.twig with: <button sprig s-method="post" s-action="/test">Sprig test</button>
4. View source and multiple data-hx-* attributes are shown and the expected button functionality fails

Expected behaviour

No duplicate attributes and functioning button

Source

sprig1.twig:
<h1>This is a top level sprig template</h1>
{{ sprig('test/sprig2') }}

sprig2.twig:
<h2>This is a second level sprig template</h2>
{{ sprig('test/buttons') }}

buttons.twig:
<p>These are buttons which have duplicate attributes. View source.</p>
<button sprig s-method="post" s-action="/tests">Sprig test button</button>

Versions

• Plugin version: 1.10.2
• Craft version: 3.7.17.1

[bencroker]

Released the fix in Sprig Core 1.1.5 which you can get by running composer update.

[bossanova808]

Thanks Ben. I won’t be able to try it out till Monday I’m afraid. Will let you know but I am sure you are right…surprised PHPStorm didn’t ding me on that stray space!!