On the “Books” page I want to show reviews upon button click, so far the interaction works perfect.
I also set an ID for “review-placeholder” and would like the page to be scrolled upon button click SIMULTANEOUSLY with interaction effect.
However now upon first click it applies interaction and upon second click it scrolls…
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
The very element that’s having the ID also has an interaction setting it’s default to display:none.
See where I go with this? When you click the button, there’s no place to scroll to, yet…
Remove the ID from this element, create an empty element just before it, make sure this one doesn’t get hidden, and point to it instead. That’s one of the various solution that I can think of.