Incorrectly sized height until resized

  • Resolved northernbear

    (@northernbear)


    2 months, 1 week ago

    I’ve added a newly created “compact” timeline to a page built with elementor via the provided shortcode. On page load, when I scroll down to the timeline the container height isn’t sized correctly, and all the timelines posts overlap each other.

    When the window is resized the timeline is refreshed, and the height updated on the .ctl-timeline-container div.

    I believe the timeline height scripts is either firing too soon, or not at all.

    Can you please help me. (I can share the page URL privately if required)

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support aniketji

    (@aniketji)

    Hi @northernbear

    This issue generally occurs due to other plugins or your cache. Please try clearing your site and browser cache first. Then deactivate your other plugins one by one to identify the issue. If possible, try changing your current theme. If the problem still persists, please let us know.

    Thank you.

    Thread Starter northernbear

    (@northernbear)

    Thanks for your response. I’d previously tried clearing my cache, and my initial testing was done via incognito to ensure it wasn’t local, or server caching.

    I’ve disabled any optimisation or non-essential plugins but the issue still appears on first load. Im unable to change/deactivate the theme or page builder plugins as their essential to the operation.

    Once refreshed with the section visible on load, or after resizing the window, subsequent page reloads size the timeline correctly. But it’s that initial page load that doesn’t appear to be sizing the element.

    Thread Starter northernbear

    (@northernbear)

    Sorry for the follow up but I’ve been doing some additional troubleshooting and I think the issue is related to some of the timeline images being lazy-loaded. Is it possible to add an additional class to the timeline images (e-no-lazyload), presumably via a filter/hook within the plugin.

    Hopefully that should prevent this happening, so I can check if that was the root issue.

    Plugin Support himanshusharma20

    (@himanshusharma20)

    Hi @northernbear,

    Thank you for checking the issue. You mentioned that it was occurring due to lazy loading on the timeline stories’ images. The only way to resolve this is to disable lazy loading for the timeline stories’ images and check it again.

    Thank you.

    Thread Starter northernbear

    (@northernbear)

    I believe it’s due to lazy loading but I’ve not managed to test it yet. Does Cool timelines have a function or hook that I can use to add a class to timeline images? This way I can add the class which will disable lazy-loading on those images.

    Thanks

    Plugin Support himanshusharma20

    (@himanshusharma20)

    Hi @northernbear,

    Sorry, but you have to manually disable lazy loading for the timeline stories images. There is no function or filter to add a class to the story images for lazy loading.

    Thank you.

    Thread Starter northernbear

    (@northernbear)

    Thank you. I’ve resolved the issue by disabling the built-in WordPress lazy loading and relying on a third-party that allows partial disabling based on parent classes.

    Given I had the issue directly with native lazy loading may I suggest that a feature request would be that the timeline sizing Javascript takes into consideration image loading, and triggers (or refreshes) after this event completion.

    Plugin Support himanshusharma20

    (@himanshusharma20)

    Hi @northernbear,

    Thank you for the feedback. We’ll definitely consider your suggestions for future updates.

    Thank you.

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