Tagged: 

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • May 28, 2018 at 11:58 pm #963465
    webcenter

    The ‘Load More’ function of my masonry element causes a flickering while loading more content.
    Tested with latest Google Chrome, Microsoft Edge and Mozilla Firefox.

    May 31, 2018 at 6:46 am #964636
    Ismael

    Hey webcenter,

    Thank you for using Enfold.

    A scroll bar is turning on and off while the masonry items are loading. Please disable the css modifications temporarily then check the page again.

    Best regards,
    Ismael

    May 31, 2018 at 12:19 pm #964749
    webcenter

    Hi Ismael.
    I have already tested that before.. it’s not related to my custom css modifications.

    June 4, 2018 at 3:17 pm #966539
    Victoria

    Hi webcenter,

    Can you please create a test page with the copy of the masonry and no map below and see if the issue exists there too?

    Best regards,
    Victoria

    June 4, 2018 at 6:28 pm #966705
    webcenter

    Hi Victoria.
    I removed the map below the masonry element but no change. I’ve now removed all content except the masonry, deleted all custom functions/css modifications… but the issue still remains.

    June 5, 2018 at 9:30 pm #967500
    Victoria

    Hi webcenter,

    This is really really weird why the animation looks that buggy. There are no customizations either JavaScript, css or template and so it should work fine. Let’s see the shortcodes. Thak you for effort and making a staging server for us.

    Could you please enable the Advanced Layout Builder debug mode. Here is how to do it:

    Advanced layout builder

    Best regards,
    Victoria

    June 5, 2018 at 11:15 pm #967542
    webcenter

    Hi Victoria.
    Just enabled the debug modus. Here’s what I get:

    [av_masonry_entries link='portfolio_entries,34,33,32,35' wc_prod_visible='' prod_order_by='' prod_order='' sort='yes' items='4' columns='4' paginate='load_more' query_orderby='date' query_order='DESC' size='fixed' orientation='av-orientation-square' gap='large' overlay_fx='' id='' caption_elements='title excerpt' caption_styling='' caption_display='on-hover' color='custom' custom_bg='#ffffff' av-medium-columns='' av-small-columns='' av-mini-columns='' av_uid='av-jhq4tihc']

    June 6, 2018 at 9:53 am #967724
    garethlawson

    I have this same issue, I have disabled the animation using CSS by following instructions on this thread: https://kriesi.at/support/topic/disable-loading-animation-of-masonry/, but even without the animation, when scrolling over the masonry, the scrolling glitches noticeably. It seems to me that the JavaScript that animates the masonry needs some optimisation, but could you at least provide a way to completely disable the execution of the JavaScript?

    June 8, 2018 at 12:59 am #969885
    Ismael

    Hi,

    Thank you for using Enfold.

    The issue is cause by the loading icon as it turned it out. Please try this css code temporarily.

    .avia_loading_icon {
    display: none !important;
}

    Best regards,
    Ismael

    June 8, 2018 at 9:14 am #970017
    garethlawson

    I have tried your suggestion Ismael, but when scrolling over the masonry the browser still locks up completely for a couple of seconds. It’s really not a great user experience.

    June 8, 2018 at 10:34 am #970034
    webcenter

    The issue with the flickering ‘Load More’ because of the sidebar when the load more icon is loaded has been solved with your custom CSS.

    With temporarily you mean that it is going to be fixed in your next update version?
    Thank you!

    June 9, 2018 at 12:00 pm #970387
    lorenzofusi1976

    Hi,
    I have these problems after the upgrade to 4.4.

    I added the script but continue flickering!
    .avia_loading_icon {
    display: none !important;
    }

    The most boring flicker is on Chrome, but also presents anomalies on other browsers.

    How to fix it?
    I have this problem on all my projects.

    Thank you
    Lorenzo

    June 12, 2018 at 2:59 am #971478
    Ismael

    Hi,

    @webcenter: Thanks for the confirmation! :)

    Please purge the cache or browser history before checking the page. Make sure that you’re not looking on a cached version.

    Best regards,
    Ismael

    June 12, 2018 at 9:28 am #971590
    lorenzofusi1976

    Hi,
    adding the script of Ismael and deleting the chronology all works!
    With the 4.4 version, Kriesi have made a masterpiece, congratulations!

    Best regards

    lorenzofusi.it

    June 13, 2018 at 3:33 am #972013
    Ismael

    Hi,


    @lorenzofusi1976    : Thank you for the confirmation. Enjoy the theme!:)

    Best regards,
    Ismael

    November 16, 2018 at 6:05 pm #1034511
    havi

    Hi guys!
    Quick question… Do we still have to add the script to stop the flickering for Load More on Chrome with version 4.5?
    Thank you!!
    Havi

    November 20, 2018 at 7:22 am #1035439
    Ismael

    Hi,

    Can you still reproduce the issue on v4.5? Please open a new thread with the site url and the login credentials.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Masonry element – flickering on Load More’ is closed to new replies.