svemagie.net/indiekit-blog
1
0
Fork 0
Code Issues Actions Packages Projects Releases Activity

fix: use Alpine.js v3 API for reply button click handler

Browse Source 
Alpine v3 uses Alpine.$data(el) instead of el.__x.$data.
The old v2 pattern silently failed, making Reply buttons non-functional.

Confab-Link: http://localhost:8080/sessions/184584f4-67e1-485a-aba8-02ac34a600fe
This commit is contained in:
Ricardo
2026-03-14 21:43:33 +01:00
parent 0fe6ab0195
commit 02546950bf
1 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/webmentions.js
+5 -8
View File
@@ -634,15 +634,12 @@
// Find the commentsSection Alpine component and call startReply // Find the commentsSection Alpine component and call startReply
var commentsEl = document.querySelector('[x-data*="commentsSection"]'); var commentsEl = document.querySelector('[x-data*="commentsSection"]');
if (commentsEl && commentsEl.__x) { if (commentsEl && window.Alpine) {
commentsEl.__x.$data.startReply(replyUrl, platform, replyUrl, syndicateTo); var data = Alpine.$data(commentsEl);
if (data && data.startReply) {
data.startReply(replyUrl, platform, replyUrl, syndicateTo);
commentsEl.scrollIntoView({ behavior: 'smooth', block: 'start' }); commentsEl.scrollIntoView({ behavior: 'smooth', block: 'start' });
} else if (window.Alpine) { }
var evt = new CustomEvent('owner-reply', {
detail: { replyUrl: replyUrl, platform: platform, syndicateTo: syndicateTo },
bubbles: true
});
btn.dispatchEvent(evt);
} }
}); });
}); });