itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-10-02 15:25:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

support revealed paired w/ other events

Browse Source
This commit is contained in:
Carson Gross 2023-12-26 16:42:16 -07:00
parent 9fbbd17672
commit 8c61e71940
2 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/htmx.js
View File

@ -1581,7 +1581,7 @@ var htmx = (function() {
setInterval(function() { setInterval(function() {
if (windowIsScrolling) { if (windowIsScrolling) {
windowIsScrolling = false windowIsScrolling = false
forEach(getDocument().querySelectorAll("[hx-trigger='revealed'],[data-hx-trigger='revealed']"), function(elt) { forEach(getDocument().querySelectorAll("[hx-trigger*='revealed'],[data-hx-trigger*='revealed']"), function(elt) {
maybeReveal(elt) maybeReveal(elt)
}) })
} }

27
test/attributes/hx-trigger.js
View File

@ -883,6 +883,33 @@ describe('hx-trigger attribute', function() {
div.innerHTML.should.equal('test 1') div.innerHTML.should.equal('test 1')
}) })
it('revealed can be paired w/ other events', function() {
var requests = 0
this.server.respondWith('GET', '/test', function(xhr) {
requests++
xhr.respond(200, {}, 'Requests: ' + requests)
})
var div = make('<div hx-get="/test" hx-trigger="revealed, click" style="position: fixed; top: 1px; left: 1px; border: 3px solid red">foo</div>')
div.innerHTML.should.equal('foo')
this.server.respond()
div.innerHTML.should.equal('Requests: 1');
div.click();
this.server.respond()
div.innerHTML.should.equal('Requests: 2');
})
it('revealed doesnt cause other events to trigger', function() {
var requests = 0
this.server.respondWith('GET', '/test', function(xhr) {
requests++
xhr.respond(200, {}, 'Requests: ' + requests)
})
var div = make('<div hx-get="/test" hx-trigger="revealedToTheWorld" style="position: fixed; top: 1px; left: 1px; border: 3px solid red">foo</div>')
div.innerHTML.should.equal('foo')
this.server.respondAll()
div.innerHTML.should.equal('foo')
})
it('fires the htmx:trigger event when an AJAX attribute is specified', function() { it('fires the htmx:trigger event when an AJAX attribute is specified', function() {
var param = 'foo' var param = 'foo'
var handler = htmx.on('htmx:trigger', function(evt) { var handler = htmx.on('htmx:trigger', function(evt) {