• gracemusic1

    (@gracemusic1)


    An issue that possibly might be related to my recent WordPress update to 6.7.1 as it is a new issue on something that has worked perfectly until now.

    On the Home page of the site listed in this post there is an ‘arrow down’ icon. It is hyperlinked to https://markisaacs.com/#scrollme, the name of the anchor for the lower block it jumps down to.

    Up until now, functionality has been fine: when clicking the arrow the page would scroll down (jump) dynamically at the click. Now the URL changes in the address bar upon clicking, but there is no dynamic jump. But if I refresh the page with the new URL now in the address bar (or go to that URL directly) then the page scroll to the relevant block happens, so the link is good, but no longer dynamically functional in real time when clicking on the arrow in the page itself, only working on a page refresh or when otherwise invoked directly as an URL.

    This behaviour is the same in Chrome and Edge.

    Any ideas?

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter gracemusic1

    (@gracemusic1)

    Update: I tried clearing the cache in my browser, and also cleared the cache in my WP Rocket caching plugin, but issue still persists.

    Thread Starter gracemusic1

    (@gracemusic1)

    I realise now that the “‘Scroll me’ arrow” I used in the topic header is bad terminology, and I hope it didn’t put people off . It’s an “arrow” because that’s the look of the graphic used. And ‘Scroll me’ is the name given to the hyperlink assigned to the icon.

    My question is about this anchor.

    Clicking on the arrow icon puts the anchor’s URL into the address bar, but the page does not go to the relevant block. Refreshing the page with the new URL now in the address bar sends it there. I have since found that right-clicking the arrow icon and selecting “Open link in new tab/window” works perfectly. As does entering the anchor’s URL directly into the address bar.

    So how can a left-click on the arrow icon not work since:

    *The arrow icon is correctly hyperlinked because the anchor’s URL appears in the address bar when it is left-clicked
    *The anchor URL is correct as it works as expected on a page refresh or right-click “Open link..” or direct entry to the browser.

    I hope someone will help with this very odd behaviour that has appeared suddenly.

    Thread Starter gracemusic1

    (@gracemusic1)

    UPDATE: Have discovered something. There is a hidden bounding box around the hyperlinked arrow. You can see it if you click on it. The mouse pointer turns to a hand when hovered over anywhere at all within this box, but the expected page jump to the anchor link’s block only occurs if the very top of the box (above the beginning of the arrow handle) is clicked. This is very odd.

    Please, any ideas? As I say above, this is sudden and new behaviour.

    Thread Starter gracemusic1

    (@gracemusic1)

    Clicking anywhere on the image bounding box loads the anchor URL into the browser address bar, but only when clicking at the very top of the image will the actual page jump occur.

    Hey, Can you tell me how you are setting up the anchor so that I can replicate the setup.

    Like any plugins/editors – is it the default block editor or something else.

    My observation is that the scroll works when we click or load the link but when it is added to the URL the scroll event is not working.

    Hey quick update on the case. I did some inspect element + edit of the “data-anchor” element and replaced it with “id” and the scrolling functionality worked every time. If you have the possibility to change the tag to “id” like in the screenshot please try and let me know if this is the epxected behavior, otherwise we gonna debug in a different way:

    Screenshot uploading is not working here is the code that I tested out:

    Before:

    <div data-anchor="scrollme" data-lazy="1" class="module_row 

    After:

    <div data-id="scrollme" data-lazy="1" class="module_row 
    Thread Starter gracemusic1

    (@gracemusic1)

    I’m sorry, I don’t know where to find that code. I went to the Home page in the WordPress backend, clicked the text editor, and did a search for that code, but it was not there. I didn’t build this site, only look after it. This problem has recently appeared, and no direct changes were made to cause it (but WordPress and the active parent theme Themify Ultra has updates).

    Thread Starter gracemusic1

    (@gracemusic1)

    Please note that in the front end, clicking above the arrow in the hyperlinked bounding box around it works as expected.

    Thread Starter gracemusic1

    (@gracemusic1)

    Also here is Bing’s cached version of the site from 3 days ago where it functions as it should, but the code is your “before” code.

    https://cc.bingj.com/cache.aspx?q=mark+isaacs&d=4935892863895987&mkt=en-AU&setlang=en-US&w=Hhn9VHoNG1bEldHU0Md07xPHhg7pp2IK

    The funciton Themify.trigger("scrollme") doesn’t seem to be called correctly I would recommend you to:

    • Contact Themify for assistance
    • Rollback the version of the Theme
    • Disable any JavaScript optimizations to test because it looks like that the scroll functionality is called from the themes/themify-ultra/themify/themify-builder/js/modules/scroll-highlight.js?ver=7.9.3 and clear your site + browser cache.
    Thread Starter gracemusic1

    (@gracemusic1)

    Thank you for your help. My website designer has the Themify licence, so I have contacted him about this. I will post here when a fix is found. If it is known problem at Themify, I will wait for the next Themify update, as this is not a major breakage.

Viewing 12 replies - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.