MediaWiki:Gadget-quickLinkCardClick.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

// quickLinkCardClick.js
(function () {
  // Wait until the DOM is fully loaded
  document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.vh-quick-link-card').forEach(card => {
      const link = card.querySelector('a');
      if (!link) return;

      card.addEventListener('click', function (e) {
        // Avoid double-activating if user clicks directly on the <a>
        if (
          e.target.tagName.toLowerCase() === 'a' ||
          e.target.closest('a')
        ) return;

        window.location.href = link.href;
      });

      // Accessibility: allow Enter/Space key activation
      card.setAttribute('role', 'link');
      card.setAttribute('tabindex', '0');

      card.addEventListener('keydown', function (e) {
        if (e.key === 'Enter' || e.key === ' ') {
          e.preventDefault();
          window.location.href = link.href;
        }
      });
    });
  });
})();