Fix: Prevent "Show More Messages" Button from Triggering Message Edit Mode (#5486) * fix: prevent event bubbling on show more messages button Replace mouseup/touchend with click event and add stopPropagation/preventDefault to prevent unintended event bubbling when loading more messages. * Add hover style to "show more messages" * add button role to show_more_messages --------- Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>

53f251c52a1eed36513ae878c1bbbb6063f0ed80

Wolfsblvt <wolfsblvt@gmail.com>

Signed

public/script.js+3 -1 Viewed

         $('#avatar-and-name-block').slideToggle();
     });
-    $(document).on('mouseup touchend', '#show_more_messages', async function () {
+    $(document).on('click', '#show_more_messages', async function (event) {
+        event.stopPropagation();
+        event.preventDefault();
         await showMoreMessages();
     });

public/scripts/a11y.js+1 -0 Viewed

     '.jg-menu .jg-button',
     '.bg_example .mobile-only-menu-toggle',
     '.paginationjs-pages li a',
+    '#show_more_messages',
 ].join(', ');
 const listSelectors = [

public/style.css+5 -0 Viewed

     width: fit-content;
     border-radius: 10px;
     outline: 1px solid var(--SmartThemeBorderColor);
+    transition: filter var(--animation-duration-2x) ease-in-out;
+}
+#show_more_messages:hover {
+    filter: brightness(1.25);
+}
 .draggable img {