Description:
When a Horizontal Scroller block contains buttons or links that are visible on page load without any scrolling, the first click on those buttons is silently consumed and does not fire. A second click works correctly. The bug also recurs any time the browser tab loses and regains focus — for example, after clicking a link that opens in a new tab. When the user returns to the original tab, the first click on any scroller button is again consumed. If the clicked link opens in the current tab, returning to the previous page does not cause the bug to reoccur, i.e. only one click is required to activate the button link in the Horizontal Scroller.
Steps to reproduce:
Create a Horizontal Scroller block containing cards with buttons/links
Ensure at least one card with a button is visible on page load without scrolling
Load the page in a fresh browser tab
Click the button without scrolling first
The click does nothing. A second click works.
Expected behavior: First click fires the button link.
Actual behavior: First click is consumed silently. No console errors.
Additional findings:
- Scrolling before clicking initializes the handler correctly — buttons work on first click after any scroll interaction
- Affects Chrome and Edge on Windows, mouse and trackpad
- Does not affect buttons that require scrolling to reach
- Does not affect Chrome on MacOS or Firefox on Windows
- Tested with Blocksy and Twenty Twenty-Four themes — same behavior on both
- Not fixable via CSS or external JavaScript event listeners (click event does not propagate to parent elements)
- Screen recording of issue: https://github.com/user-attachments/assets/20059bb9-7069-4bbf-9960-80723a43a469
Live reproduction: dev.washindivisible.com — bug is visible on the homepage in both the Take Action and Latest News horizontal scroller sections. Note: this staging URL is available for reproduction testing but may change as development continues.
Stackable version: 3.19.7
WordPress version: 6.9.4
Description:
When a Horizontal Scroller block contains buttons or links that are visible on page load without any scrolling, the first click on those buttons is silently consumed and does not fire. A second click works correctly. The bug also recurs any time the browser tab loses and regains focus — for example, after clicking a link that opens in a new tab. When the user returns to the original tab, the first click on any scroller button is again consumed. If the clicked link opens in the current tab, returning to the previous page does not cause the bug to reoccur, i.e. only one click is required to activate the button link in the Horizontal Scroller.
Steps to reproduce:
Create a Horizontal Scroller block containing cards with buttons/links
Ensure at least one card with a button is visible on page load without scrolling
Load the page in a fresh browser tab
Click the button without scrolling first
The click does nothing. A second click works.
Expected behavior: First click fires the button link.
Actual behavior: First click is consumed silently. No console errors.
Additional findings:
Live reproduction: dev.washindivisible.com — bug is visible on the homepage in both the Take Action and Latest News horizontal scroller sections. Note: this staging URL is available for reproduction testing but may change as development continues.
Stackable version: 3.19.7
WordPress version: 6.9.4