Merge four-dev into this branch

Author: jay23606

src/htmx.js

@@ -957,9 +957,7 @@ var htmx = (() => {
                 htmxProp.initialized = true;
                 htmxProp.eventHandler = this.__createHtmxEventHandler(elt);
                 htmxProp.boosted = hxBoost;
-                let eventName = elt.matches('a') ? 'click' : 'submit';
-                elt._htmx.listeners.push({fromElt: elt, eventName, handler: elt._htmx.eventHandler});
-                elt.addEventListener(eventName, elt._htmx.eventHandler);
+                this.__initializeTriggers(elt);
                 this.__trigger(elt, "htmx:after:init", {}, true)
             }
         }

test/tests/attributes/hx-boost.js

@@ -153,6 +153,22 @@ describe('hx-boost attribute', async function() {
         }
     })
 
+    it('boosted link should be triggered by custom event', async function() {
+        mockResponse('GET', '/test', 'Boosted')
+        createProcessedHTML('<div id="result"></div><a hx-boost="true" hx-trigger="foo" hx-target="#result" id="a1" href="/test">Click Me</a>')
+        htmx.trigger(find('#a1'), 'foo')
+        await forRequest()
+        find('#result').innerHTML.should.equal('Boosted')
+    })
+
+    it('boosted form should be triggered by custom event', async function () {
+        mockResponse('POST', '/test', 'Boosted')
+        createProcessedHTML('<div id="result"></div><form hx-boost="true" hx-trigger="foo" hx-target="#result" id="f1" action="/test" method="post"></form>')
+        htmx.trigger(find('#f1'), 'foo')
+        await forRequest()
+        find('#result').innerHTML.should.equal('Boosted')
+    })
+
     // // it('overriding default swap style does not effect boosting', async function() {
     // //     htmx.config.defaultSwapStyle = 'afterend'
     // //     try {

www/src/assets/css/site.css

@@ -318,7 +318,9 @@ article.sticky-headers > section :is(h3, h4) {
     article.sticky-headers > section > h2 > :first-child {
         background: transparent;
         border-bottom-color: transparent;
-        animation: stick-bg linear both;
+        animation-name: stick-bg;
+        animation-timing-function: linear;
+        animation-fill-mode: both;
         animation-timeline: --section;
         animation-range:
             cover calc(100vh - var(--header-offset))