Support » Plugin: Page Builder by SiteOrigin » Post Carousel 1.17.6 no scrolling

  • Resolved jhernandezg

    (@jhernandezg)


    Hello team

    I have updated Post Carousel to version 1.17.6 and the controls for scrolling in the PC view have disappeared and it is not possible to scroll, on mobile devices they do not appear but it can be scrolled by doing a wipe. Neither are the posts opened in a new page / tab even if it is activated, they always open in the same window.

    Examining the code appears

    <div class = "sow-carousel-navigation" style = "display: none;">
      <a href="#" class="sow-carousel-next" title="Next" aria-label="Next Entries" role="button"> </a>
      <a href="#" class="sow-carousel-previous" title="Previous" aria-label="Previous Entries" role="button"> </a>
    </div>

    It seems that the display: none style is applied after loading the page with a script because before finishing they do appear. I only have 6 posts … but before the update everything worked correctly.

    Sorry not to put the url of the web but it is a private beta version.

    Regards

Viewing 15 replies - 1 through 15 (of 16 total)
  • Plugin Author Andrew Misplon

    (@misplon)

    Hi 🙂

    Thanks for reaching out.

    This sounds like it might be a JavaScript issue. If the open the browser console you’ll probably find an error or errors. You can try to diagnose the issue via the console or you could switch to Twenty Twenty, deactivate all other plugins and check to see if you’ve found a working baseline. If a working baseline is available, reactivate your theme and then plugins until the issue reoccurs.

    Thread Starter jhernandezg

    (@jhernandezg)

    Hi Andrew,

    Thanks for yuor quickly response.

    Using your link above:
    Step 1: I have verified that I get the same issue in any browser
    Step 2: I have activated the option define ('SCRIPT_DEBUG', true); in wp-config.php
    And I get several errors and warnings in the console log … in Chrome I have disabled the active extensions (Augury, React, Trend Micro …) and the errors have disappeared … leaving the following warnings and debugging messages script:

    Navigated to https://betait.zonafrancacadiz.com/
    VM13327 jquery-migrate.js:23 JQMIGRATE: Migrate is installed with logging active, version 1.4.1
    VM13327 jquery-migrate.js:45 JQMIGRATE: jQuery.browser is deprecated
    migrateWarn @ VM13327 jquery-migrate.js:45
    get @ VM13327 jquery-migrate.js:62
    (anonymous) @ VM13363 detectmobilebrowser.js:7
    (anonymous) @ VM13363 detectmobilebrowser.js:7
    VM13327 jquery-migrate.js:47 console.trace
    migrateWarn @ VM13327 jquery-migrate.js:47
    get @ VM13327 jquery-migrate.js:62
    (anonymous) @ VM13363 detectmobilebrowser.js:7
    (anonymous) @ VM13363 detectmobilebrowser.js:7
    VM13327 jquery-migrate.js:45 JQMIGRATE: 'ready' event is deprecated
    migrateWarn @ VM13327 jquery-migrate.js:45
    setup @ VM13327 jquery-migrate.js:663
    add @ VM13326 jquery.js:3
    jQuery.event.add @ VM13327 jquery-migrate.js:541
    (anonymous) @ VM13326 jquery.js:3
    each @ VM13326 jquery.js:2
    each @ VM13326 jquery.js:2
    ra @ VM13326 jquery.js:3
    on @ VM13326 jquery.js:3
    t.initializeEvents @ VM13370 plugins-min.js:1
    t.init @ VM13370 plugins-min.js:1
    t @ VM13370 plugins-min.js:1
    e.fn.slick @ VM13370 plugins-min.js:2
    (anonymous) @ VM13360 carousel.min.js:1
    each @ VM13326 jquery.js:2
    each @ VM13326 jquery.js:2
    sowb.setupCarousel @ VM13360 carousel.min.js:1
    (anonymous) @ VM13360 carousel.min.js:1
    i @ VM13326 jquery.js:2
    fireWith @ VM13326 jquery.js:2
    ready @ VM13326 jquery.js:2
    J @ VM13326 jquery.js:2
    VM13327 jquery-migrate.js:47 console.trace
    migrateWarn @ VM13327 jquery-migrate.js:47
    setup @ VM13327 jquery-migrate.js:663
    add @ VM13326 jquery.js:3
    jQuery.event.add @ VM13327 jquery-migrate.js:541
    (anonymous) @ VM13326 jquery.js:3
    each @ VM13326 jquery.js:2
    each @ VM13326 jquery.js:2
    ra @ VM13326 jquery.js:3
    on @ VM13326 jquery.js:3
    t.initializeEvents @ VM13370 plugins-min.js:1
    t.init @ VM13370 plugins-min.js:1
    t @ VM13370 plugins-min.js:1
    e.fn.slick @ VM13370 plugins-min.js:2
    (anonymous) @ VM13360 carousel.min.js:1
    each @ VM13326 jquery.js:2
    each @ VM13326 jquery.js:2
    sowb.setupCarousel @ VM13360 carousel.min.js:1
    (anonymous) @ VM13360 carousel.min.js:1
    i @ VM13326 jquery.js:2
    fireWith @ VM13326 jquery.js:2
    ready @ VM13326 jquery.js:2
    J @ VM13326 jquery.js:2
    VM13365 theia-sticky-sidebar.js:76 TSS: Body width smaller than options.minWidth. Init is delayed.
    (index):1 A cookie associated with a cross-site resource at http://youtube.com/ was set without the <code>SameSite</code> attribute. It has been blocked, as Chrome now only delivers cookies with cross-site requests if they are set with <code>SameSite=None</code> and <code>Secure</code>. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
    Navigated to https://betait.zonafrancacadiz.com/
    VM13619 jquery-migrate.js:23 JQMIGRATE: Migrate is installed with logging active, version 1.4.1
    VM13619 jquery-migrate.js:45 JQMIGRATE: jQuery.browser is deprecated
    migrateWarn @ VM13619 jquery-migrate.js:45
    get @ VM13619 jquery-migrate.js:62
    (anonymous) @ VM13649 detectmobilebrowser.js:7
    (anonymous) @ VM13649 detectmobilebrowser.js:7
    VM13619 jquery-migrate.js:47 console.trace
    migrateWarn @ VM13619 jquery-migrate.js:47
    get @ VM13619 jquery-migrate.js:62
    (anonymous) @ VM13649 detectmobilebrowser.js:7
    (anonymous) @ VM13649 detectmobilebrowser.js:7
    VM13619 jquery-migrate.js:45 JQMIGRATE: 'ready' event is deprecated
    migrateWarn @ VM13619 jquery-migrate.js:45
    setup @ VM13619 jquery-migrate.js:663
    add @ VM13618 jquery.js:3
    jQuery.event.add @ VM13619 jquery-migrate.js:541
    (anonymous) @ VM13618 jquery.js:3
    each @ VM13618 jquery.js:2
    each @ VM13618 jquery.js:2
    ra @ VM13618 jquery.js:3
    on @ VM13618 jquery.js:3
    t.initializeEvents @ VM13656 plugins-min.js:1
    t.init @ VM13656 plugins-min.js:1
    t @ VM13656 plugins-min.js:1
    e.fn.slick @ VM13656 plugins-min.js:2
    (anonymous) @ VM13648 carousel.min.js:1
    each @ VM13618 jquery.js:2
    each @ VM13618 jquery.js:2
    sowb.setupCarousel @ VM13648 carousel.min.js:1
    (anonymous) @ VM13648 carousel.min.js:1
    i @ VM13618 jquery.js:2
    fireWith @ VM13618 jquery.js:2
    ready @ VM13618 jquery.js:2
    J @ VM13618 jquery.js:2
    VM13619 jquery-migrate.js:47 console.trace
    migrateWarn @ VM13619 jquery-migrate.js:47
    setup @ VM13619 jquery-migrate.js:663
    add @ VM13618 jquery.js:3
    jQuery.event.add @ VM13619 jquery-migrate.js:541
    (anonymous) @ VM13618 jquery.js:3
    each @ VM13618 jquery.js:2
    each @ VM13618 jquery.js:2
    ra @ VM13618 jquery.js:3
    on @ VM13618 jquery.js:3
    t.initializeEvents @ VM13656 plugins-min.js:1
    t.init @ VM13656 plugins-min.js:1
    t @ VM13656 plugins-min.js:1
    e.fn.slick @ VM13656 plugins-min.js:2
    (anonymous) @ VM13648 carousel.min.js:1
    each @ VM13618 jquery.js:2
    each @ VM13618 jquery.js:2
    sowb.setupCarousel @ VM13648 carousel.min.js:1
    (anonymous) @ VM13648 carousel.min.js:1
    i @ VM13618 jquery.js:2
    fireWith @ VM13618 jquery.js:2
    ready @ VM13618 jquery.js:2
    J @ VM13618 jquery.js:2
    VM13651 theia-sticky-sidebar.js:76 TSS: Body width smaller than options.minWidth. Init is delayed.
    (index):1 A cookie associated with a cross-site resource at http://youtube.com/ was set without the <code>SameSite</code> attribute. It has been blocked, as Chrome now only delivers cookies with cross-site requests if they are set with <code>SameSite=None</code> and <code>Secure</code>. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
    (index):1 Cross-Origin Read Blocking (CORB) blocked cross-origin response https://www.youtube.com/watch?v=53zx6bx3Rq4&_=2 with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.
    (index):1 Cross-Origin Read Blocking (CORB) blocked cross-origin response https://www.youtube.com/watch?v=9O8zxaKrTik&_=1 with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.
    Navigated to https://betait.zonafrancacadiz.com/
    jquery-migrate.js?ver=1.4.1:23 JQMIGRATE: Migrate is installed with logging active, version 1.4.1
    jquery-migrate.js?ver=1.4.1:45 JQMIGRATE: jQuery.browser is deprecated
    migrateWarn @ jquery-migrate.js?ver=1.4.1:45
    get @ jquery-migrate.js?ver=1.4.1:62
    (anonymous) @ detectmobilebrowser.js?ver=1.2.3:7
    (anonymous) @ detectmobilebrowser.js?ver=1.2.3:7
    jquery-migrate.js?ver=1.4.1:47 console.trace
    migrateWarn @ jquery-migrate.js?ver=1.4.1:47
    get @ jquery-migrate.js?ver=1.4.1:62
    (anonymous) @ detectmobilebrowser.js?ver=1.2.3:7
    (anonymous) @ detectmobilebrowser.js?ver=1.2.3:7
    jquery-migrate.js?ver=1.4.1:45 JQMIGRATE: 'ready' event is deprecated
    migrateWarn @ jquery-migrate.js?ver=1.4.1:45
    setup @ jquery-migrate.js?ver=1.4.1:663
    add @ jquery.js?ver=1.12.4-wp:3
    jQuery.event.add @ jquery-migrate.js?ver=1.4.1:541
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ plugins-min.js?ver=3.4.1:1
    t.init @ plugins-min.js?ver=3.4.1:1
    t @ plugins-min.js?ver=3.4.1:1
    e.fn.slick @ plugins-min.js?ver=3.4.1:2
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    sowb.setupCarousel @ carousel.min.js?ver=1.17.6:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    i @ jquery.js?ver=1.12.4-wp:2
    fireWith @ jquery.js?ver=1.12.4-wp:2
    ready @ jquery.js?ver=1.12.4-wp:2
    J @ jquery.js?ver=1.12.4-wp:2
    jquery-migrate.js?ver=1.4.1:47 console.trace
    migrateWarn @ jquery-migrate.js?ver=1.4.1:47
    setup @ jquery-migrate.js?ver=1.4.1:663
    add @ jquery.js?ver=1.12.4-wp:3
    jQuery.event.add @ jquery-migrate.js?ver=1.4.1:541
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ plugins-min.js?ver=3.4.1:1
    t.init @ plugins-min.js?ver=3.4.1:1
    t @ plugins-min.js?ver=3.4.1:1
    e.fn.slick @ plugins-min.js?ver=3.4.1:2
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    sowb.setupCarousel @ carousel.min.js?ver=1.17.6:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    i @ jquery.js?ver=1.12.4-wp:2
    fireWith @ jquery.js?ver=1.12.4-wp:2
    ready @ jquery.js?ver=1.12.4-wp:2
    J @ jquery.js?ver=1.12.4-wp:2
    theia-sticky-sidebar.js?ver=1.2.3:76 TSS: Body width smaller than options.minWidth. Init is delayed.
    (index):1 A cookie associated with a cross-site resource at http://youtube.com/ was set without the <code>SameSite</code> attribute. It has been blocked, as Chrome now only delivers cookies with cross-site requests if they are set with <code>SameSite=None</code> and <code>Secure</code>. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

    Any suggestions?

    Thanks for your comments!

    Thread Starter jhernandezg

    (@jhernandezg)

    The theme used is free vue and it does not seem that there is a specific combination of activated / deactivated plugins that, together with the posts carousel widget, causes the issue.

    I have noticed something curious that may be of interest, the current widget configuration is:
    – Featured Image Size: Sow Carousel Default (272×182)
    – Link destination: New window
    – Loop posts: Checked
    – Consultation of publications: (6 -> all current publications)
    – Type of publication: Publications
    – Type of date selection: Specific
    – Dates: Not setted (it is optional)
    – Sticky posts: ignore sticky posts

    I have tried many combinations in the widget settings and the issue keeps occurring.

    If in Dashboard > Plugins > Site Source Widgets I disable the Posts carousel widget … I can still see the posts in the carousel … but only the text of the posts, without the images, and scrolling controls appear and work correctly; when activating the posts carousel widget again, the issue occurs again.

    Plugin Author Andrew Misplon

    (@misplon)

    Hi, thanks for your feedback.

    There isn’t a distinct error I can see in the console logs.

    There isn’t anything that I can see in the Carousel settings that should cause this issue. The results when deactivating the widget are expected.

    Baseline
    Are you able to establish a working baseline, does the issue resolve with Twenty Twenty theme and only SiteOrigin plugins activated?

    jQuery Migrate
    If you install https://wordpress.org/plugins/enable-jquery-migrate-helper/, are warnings produced?

    Thread Starter jhernandezg

    (@jhernandezg)

    Hi Andrew,

    Thanks for your quickly response.

    After activating the Twenty Twenty theme and leaving only the Classic Editor, Page Builder by SiteOrigin, SiteOrigin CSS, SiteOrigin Widgets Bundle and WP Sticky Sidebar plugins enabled, the following notices appear in the console:

    Navigated to https://betait.zonafrancacadiz.com/
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    jquery.js?ver=1.12.4-wp:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    add @ jquery.js?ver=1.12.4-wp:3
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t @ slick.min.js?ver=1.8.1:1
    i.fn.slick @ slick.min.js?ver=1.8.1:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    sowb.setupCarousel @ carousel.min.js?ver=1.17.6:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    i @ jquery.js?ver=1.12.4-wp:2
    fireWith @ jquery.js?ver=1.12.4-wp:2
    ready @ jquery.js?ver=1.12.4-wp:2
    J @ jquery.js?ver=1.12.4-wp:2
    jquery.js?ver=1.12.4-wp:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    add @ jquery.js?ver=1.12.4-wp:3
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t @ slick.min.js?ver=1.8.1:1
    i.fn.slick @ slick.min.js?ver=1.8.1:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    sowb.setupCarousel @ carousel.min.js?ver=1.17.6:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    i @ jquery.js?ver=1.12.4-wp:2
    fireWith @ jquery.js?ver=1.12.4-wp:2
    ready @ jquery.js?ver=1.12.4-wp:2
    J @ jquery.js?ver=1.12.4-wp:2
    jquery.js?ver=1.12.4-wp:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    add @ jquery.js?ver=1.12.4-wp:3
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t.refresh @ slick.min.js?ver=1.8.1:1
    t.checkResponsive @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t @ slick.min.js?ver=1.8.1:1
    i.fn.slick @ slick.min.js?ver=1.8.1:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    sowb.setupCarousel @ carousel.min.js?ver=1.17.6:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    i @ jquery.js?ver=1.12.4-wp:2
    fireWith @ jquery.js?ver=1.12.4-wp:2
    ready @ jquery.js?ver=1.12.4-wp:2
    J @ jquery.js?ver=1.12.4-wp:2
    jquery.js?ver=1.12.4-wp:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    add @ jquery.js?ver=1.12.4-wp:3
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t.refresh @ slick.min.js?ver=1.8.1:1
    t.checkResponsive @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t @ slick.min.js?ver=1.8.1:1
    i.fn.slick @ slick.min.js?ver=1.8.1:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    sowb.setupCarousel @ carousel.min.js?ver=1.17.6:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    i @ jquery.js?ver=1.12.4-wp:2
    fireWith @ jquery.js?ver=1.12.4-wp:2
    ready @ jquery.js?ver=1.12.4-wp:2
    J @ jquery.js?ver=1.12.4-wp:2
    jquery.js?ver=1.12.4-wp:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    add @ jquery.js?ver=1.12.4-wp:3
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t @ slick.min.js?ver=1.8.1:1
    i.fn.slick @ slick.min.js?ver=1.8.1:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    sowb.setupCarousel @ carousel.min.js?ver=1.17.6:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    i @ jquery.js?ver=1.12.4-wp:2
    fireWith @ jquery.js?ver=1.12.4-wp:2
    ready @ jquery.js?ver=1.12.4-wp:2
    J @ jquery.js?ver=1.12.4-wp:2
    jquery.js?ver=1.12.4-wp:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    add @ jquery.js?ver=1.12.4-wp:3
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t @ slick.min.js?ver=1.8.1:1
    i.fn.slick @ slick.min.js?ver=1.8.1:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    sowb.setupCarousel @ carousel.min.js?ver=1.17.6:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    i @ jquery.js?ver=1.12.4-wp:2
    fireWith @ jquery.js?ver=1.12.4-wp:2
    ready @ jquery.js?ver=1.12.4-wp:2
    J @ jquery.js?ver=1.12.4-wp:2
    jquery.js?ver=1.12.4-wp:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    add @ jquery.js?ver=1.12.4-wp:3
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t.refresh @ slick.min.js?ver=1.8.1:1
    t.checkResponsive @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t @ slick.min.js?ver=1.8.1:1
    i.fn.slick @ slick.min.js?ver=1.8.1:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    sowb.setupCarousel @ carousel.min.js?ver=1.17.6:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    i @ jquery.js?ver=1.12.4-wp:2
    fireWith @ jquery.js?ver=1.12.4-wp:2
    ready @ jquery.js?ver=1.12.4-wp:2
    J @ jquery.js?ver=1.12.4-wp:2
    jquery.js?ver=1.12.4-wp:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    add @ jquery.js?ver=1.12.4-wp:3
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t.refresh @ slick.min.js?ver=1.8.1:1
    t.checkResponsive @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t @ slick.min.js?ver=1.8.1:1
    i.fn.slick @ slick.min.js?ver=1.8.1:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    sowb.setupCarousel @ carousel.min.js?ver=1.17.6:1
    (anonymous) @ carousel.min.js?ver=1.17.6:1
    i @ jquery.js?ver=1.12.4-wp:2
    fireWith @ jquery.js?ver=1.12.4-wp:2
    ready @ jquery.js?ver=1.12.4-wp:2
    J @ jquery.js?ver=1.12.4-wp:2
    jquery.js?ver=1.12.4-wp:2 [Violation] 'DOMContentLoaded' handler took 230ms
    [Violation] Forced reflow while executing JavaScript took 93ms
    (index):1 A cookie associated with a cross-site resource at http://youtube.com/ was set without the <code>SameSite</code> attribute. It has been blocked, as Chrome now only delivers cookies with cross-site requests if they are set with <code>SameSite=None</code> and <code>Secure</code>. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
    www-embed-player.js:406 [Violation] 'setTimeout' handler took 93ms
    www-embed-player.js:406 [Violation] 'setTimeout' handler took 69ms

    Later I have activated the rest of the plugins … and the issue continues to occur in the same way.

    Thread Starter jhernandezg

    (@jhernandezg)

    Hi Andrew,

    After jQuery Migrate Helper installation, the following warnings and info appear in the console:

    jquery-migrate-1.4.1-wp.js,qver=1.4.1-wp.pagespeed.jm.cm4uDjOsrN.js:1 JQMIGRATE: Migrate is installed with logging active, version 1.4.1
    Navigated to https://betait.zonafrancacadiz.com/
    jquery-migrate-1.4.1-wp.js,qver=1.4.1-wp.pagespeed.jm.cm4uDjOsrN.js:1 JQMIGRATE: jQuery.browser is deprecated
    migrateWarn @ jquery-migrate-1.4.1-wp.js,qver=1.4.1-wp.pagespeed.jm.cm4uDjOsrN.js:1
    get @ jquery-migrate-1.4.1-wp.js,qver=1.4.1-wp.pagespeed.jm.cm4uDjOsrN.js:1
    (anonymous) @ detectmobilebrowser.js?ver=1.2.3:7
    (anonymous) @ detectmobilebrowser.js?ver=1.2.3:7
    jquery-migrate-1.4.1-wp.js,qver=1.4.1-wp.pagespeed.jm.cm4uDjOsrN.js:1 console.trace
    migrateWarn @ jquery-migrate-1.4.1-wp.js,qver=1.4.1-wp.pagespeed.jm.cm4uDjOsrN.js:1
    get @ jquery-migrate-1.4.1-wp.js,qver=1.4.1-wp.pagespeed.jm.cm4uDjOsrN.js:1
    (anonymous) @ detectmobilebrowser.js?ver=1.2.3:7
    (anonymous) @ detectmobilebrowser.js?ver=1.2.3:7
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    jquery.js?ver=1.12.4-wp:2 [Violation] 'DOMContentLoaded' handler took 229ms
    [Violation] Forced reflow while executing JavaScript took 121ms
    sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:52 Invalid App Id: Must be a number or numeric string representing the application id.
    b @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:52
    g @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:162
    h @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:162
    (anonymous) @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:162
    c @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:45
    (anonymous) @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:162
    setTimeout (async)
    (anonymous) @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:162
    require @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:24
    (anonymous) @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:163
    require @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:24
    __d @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:24
    (anonymous) @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:163
    (anonymous) @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:193
    (anonymous) @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:193
    sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:52 sdkperf: it took 110 ms and 0 bytes to load https://connect.facebook.net/en_US/sdk.js
    sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:52 sdkperf: init logged after 764 ms
    (index):1 A cookie associated with a cross-site resource at http://youtube.com/ was set without the <code>SameSite</code> attribute. It has been blocked, as Chrome now only delivers cookies with cross-site requests if they are set with <code>SameSite=None</code> and <code>Secure</code>. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
    www-embed-player.js:406 [Violation] 'setTimeout' handler took 84ms
    sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:52 domReady
    sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:52 The "fb-root" div has not been created, auto-creating
    b @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:52
    append @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:55
    appendHidden @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:55
    (anonymous) @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:76
    h @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:54
    load (async)
    (anonymous) @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:54
    require @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:24
    __d @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:24
    (anonymous) @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:54
    (anonymous) @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:193
    (anonymous) @ sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:193
    sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:52 XFBML Parsing Start 1
    sdk.js?hash=a21b20f40de8df5c7d8d803532270aad&ua=modern_es6:52 XFBML Parsing Finish 1, 0 tags found

    Sometimes appears an error related to http://www.youtube.com

    www-widgetapi.js:576 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('https://betait.zonafrancacadiz.com').
    q.R @ www-widgetapi.js:576
    q.Y @ www-widgetapi.js:573
    setInterval (async)
    Ee @ www-widgetapi.js:354
    ki @ www-widgetapi.js:574
    Y @ www-widgetapi.js:557
    Z @ www-widgetapi.js:589
    createIframe @ mediaelement-and-player.js?ver=4.2.13-9993131:7246
    iFrameReady @ mediaelement-and-player.js?ver=4.2.13-9993131:7241
    _window2.default.onYouTubePlayerAPIReady @ mediaelement-and-player.js?ver=4.2.13-9993131:7712
    (anonymous) @ www-widgetapi.js:612
    (anonymous) @ www-widgetapi.js:612
    Thread Starter jhernandezg

    (@jhernandezg)

    Ooops,

    I’ve just seen the following warning after installing jQuery Migrate and visiting the dashboard:

    Ayudante de migración de jQuery — Warnings encountered

    Esta página ha generado las siguientes advertencias:

    https://betait.zonafrancacadiz.com/wp-content/plugins/so-widgets-bundle/admin/admin.min.js: jQuery.fn.load() is deprecated

    Por favor, asegúrate de que estás usando la última versión de todos tus plugins y de tu tema. Si así fuera, puedes pedir a los desarrolladores del código mencionado en las advertencias que hagan una actualización.

    After update (with F5) the dashboard page appears this message:

    Ayudante de migración de jQuery

    Ahora mismo, estás usando el plugin Enable jQuery Migrate Helper para activar la compatibilidad con código JavaScript antiguo que use funciones obsoletas en la biblioteca JavaScript jQuery. Verás advertencias sobre estas funciones al usar la administración de WordPress, pero no se mostrarán en la portada de tu sitio. Para comprobar si hay alguna advertencia generada por tu tema, por favor, mira en la consola del navegador.

    Si tienes advertencias, deberías comprobar el tema o plugin que las ha generado para actualizarlos. Es muy posible que haya una que puedas instalar. Cuando hayas actualizado tus plugins y temas y no haya ninguna advertencia más, por favor, desactiva Enable jQuery Migrate Helper.

    * Un script, un archivo o alguna otra pieza de código están obsoletos cuando sus desarrolladores están en el proceso de reemplazarlos con código más actual o los han eliminado completamente.

    • This reply was modified 1 year, 9 months ago by jhernandezg.
    • This reply was modified 1 year, 9 months ago by jhernandezg.
    Plugin Author Andrew Misplon

    (@misplon)

    Hi, thanks for the feedback. We’ve resolved this warning here https://github.com/siteorigin/so-widgets-bundle/pull/1129. As far as I’m aware, this warning only impacts the Plugins > SiteOrigin Widgets page. It’ll be removed in the next Widgets Bundle update.

    Are you able to establish a working baseline, does the carousel issue resolve with Twenty Twenty theme and only SiteOrigin plugins activated?

    Thread Starter jhernandezg

    (@jhernandezg)

    Hi Andrew,

    Thanks for your quickly response.

    I’ve just activated only Twenty Twenty theme with
    SiteOrigin Widgets Bundle plugin and I can see these logs in console browser (Chrome):

    (index):551 Uncaught ReferenceError: jQuery is not defined
        at (index):551
    jquery.js?ver=1.12.4-wp:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    add @ jquery.js?ver=1.12.4-wp:3
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t.refresh @ slick.min.js?ver=1.8.1:1
    t.checkResponsive @ slick.min.js?ver=1.8.1:1
    (anonymous) @ slick.min.js?ver=1.8.1:1
    jquery.js?ver=1.12.4-wp:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    add @ jquery.js?ver=1.12.4-wp:3
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t.refresh @ slick.min.js?ver=1.8.1:1
    t.checkResponsive @ slick.min.js?ver=1.8.1:1
    (anonymous) @ slick.min.js?ver=1.8.1:1
    jquery.js?ver=1.12.4-wp:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    add @ jquery.js?ver=1.12.4-wp:3
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t.refresh @ slick.min.js?ver=1.8.1:1
    t.checkResponsive @ slick.min.js?ver=1.8.1:1
    (anonymous) @ slick.min.js?ver=1.8.1:1
    jquery.js?ver=1.12.4-wp:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    add @ jquery.js?ver=1.12.4-wp:3
    (anonymous) @ jquery.js?ver=1.12.4-wp:3
    each @ jquery.js?ver=1.12.4-wp:2
    each @ jquery.js?ver=1.12.4-wp:2
    ra @ jquery.js?ver=1.12.4-wp:3
    on @ jquery.js?ver=1.12.4-wp:3
    t.initializeEvents @ slick.min.js?ver=1.8.1:1
    t.init @ slick.min.js?ver=1.8.1:1
    t.refresh @ slick.min.js?ver=1.8.1:1
    t.checkResponsive @ slick.min.js?ver=1.8.1:1
    (anonymous) @ slick.min.js?ver=1.8.1:1
    (index):1 A cookie associated with a cross-site resource at http://youtube.com/ was set without the <code>SameSite</code> attribute. It has been blocked, as Chrome now only delivers cookies with cross-site requests if they are set with <code>SameSite=None</code> and <code>Secure</code>. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
    www-widgetapi.js:576 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('https://betait.zonafrancacadiz.com').
    q.R @ www-widgetapi.js:576
    q.Y @ www-widgetapi.js:573
    setInterval (async)
    Ee @ www-widgetapi.js:354
    ki @ www-widgetapi.js:574
    Y @ www-widgetapi.js:557
    Z @ www-widgetapi.js:589
    createIframe @ mediaelement-and-player.js?ver=4.2.13-9993131:7246
    iFrameReady @ mediaelement-and-player.js?ver=4.2.13-9993131:7241
    _window2.default.onYouTubePlayerAPIReady @ mediaelement-and-player.js?ver=4.2.13-9993131:7712
    (anonymous) @ www-widgetapi.js:612
    (anonymous) @ www-widgetapi.js:612
    www-widgetapi.js:576 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('https://betait.zonafrancacadiz.com').
    q.R @ www-widgetapi.js:576
    q.Y @ www-widgetapi.js:573
    setInterval (async)
    Ee @ www-widgetapi.js:354
    ki @ www-widgetapi.js:574
    Y @ www-widgetapi.js:557
    Z @ www-widgetapi.js:589
    createIframe @ mediaelement-and-player.js?ver=4.2.13-9993131:7246
    iFrameReady @ mediaelement-and-player.js?ver=4.2.13-9993131:7241
    _window2.default.onYouTubePlayerAPIReady @ mediaelement-and-player.js?ver=4.2.13-9993131:7712
    (anonymous) @ www-widgetapi.js:612
    (anonymous) @ www-widgetapi.js:612
    www-embed-player.js:406 [Violation] 'setTimeout' handler took 92ms
    www-embed-player.js:406 [Violation] 'setTimeout' handler took 75ms

    At this momment the issue stil occurs … I can fix the error due to my custom code, if I delete this custom code … i can see these logs in console browser:

    Navigated to https://betait.zonafrancacadiz.com/
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Forced reflow while executing JavaScript took 38ms

    … NONE issue occurs and the post carousel YES scrolling, I can see the scroll buttons … for short: It’s works!
    … active Enable jQuery Migrate Helper plugin … it’s works!
    … active Page Builder by SiteOrigin plugin … dashboard shows this warning …

    Ayudante de migración de jQuery — Warnings encountered
    
    Esta página ha generado las siguientes advertencias:
    
        https://betait.zonafrancacadiz.com/wp-content/plugins/siteorigin-panels/settings/admin-settings.min.js: jQuery.fn.load() is deprecated
    
    Por favor, asegúrate de que estás usando la última versión de todos tus plugins y de tu tema. Si así fuera, puedes pedir a los desarrolladores del código mencionado en las advertencias que hagan una actualización.

    … Oooops!! and at this moment THE ISSUE OCCURS … I can see these logs in console browser:

    Navigated to https://betait.zonafrancacadiz.com/
    jquery-migrate-1.4.1-wp.js?ver=1.4.1-wp:23 JQMIGRATE: Migrate is installed with logging active, version 1.4.1
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
    jquery.js?ver=1.12.4-wp:2 [Violation] 'DOMContentLoaded' handler took 223ms
    [Violation] Forced reflow while executing JavaScript took 88ms
    (index):1 A cookie associated with a cross-site resource at http://youtube.com/ was set without the <code>SameSite</code> attribute. It has been blocked, as Chrome now only delivers cookies with cross-site requests if they are set with <code>SameSite=None</code> and <code>Secure</code>. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
    www-embed-player.js:406 [Violation] 'setTimeout' handler took 76ms
    www-embed-player.js:406 [Violation] 'setTimeout' handler took 77ms

    … If I deactivate Enable jQuery Migrate Helper plugin still the issue occurs …

    … and I deactivate Page Builder by SiteOrigin plugin … it’s works again!

    I think I have managed to establish the baseline correctly … only with the SiteOrigin Widgets Bundle plugin and Page Builder by SiteOrigin plugin activated, the issue described already occurs.

    What steps do we take next? What additional information can I provide?

    Best Regards

    Plugin Author Andrew Misplon

    (@misplon)

    Thanks for the feedback.

    That’s an unexpected result, I’m not quite sure what the reason is. You can see the latest Page Builder and Widgets Bundle in use here with a carousel on the page near the bottom.

    As far as I’m aware the jQuery.fn.load() warning from Page Builder shouldn’t be an issue. That said, you can try a beta version of Page Builder with that problem resolved. I’ve uploaded a copy here. To make use of this version, go to Plugins, deactivate and delete Page Builder, next, install the ZIP file from Plugins > Add New > Upload Plugin.

    Are you able to share a public link to a page where we can view the issue?

    Thanks

    Thread Starter jhernandezg

    (@jhernandezg)

    I have verified that if I disable the display: none; style of the sow-carousel-navigation element (using browser tools, Chrome) and then modify the page size … the display: none; style is reapplied.

    This makes me think that instead of a JavaScript issue, it could be CSS related, specifically device selection and screen size. Remember that scrolling works well for mobile devices and the scroll controls are not visible (these controls must be hidden).

    So … is it possible that I have activated some configuration in my WordPress that makes the browser recognize it as a mobile device?

    To see the published website, I must request authorization from the project’s owner. I commented in the first post that it is a beta version; However, I thank you very much for your interest and I am taking the necessary steps to do so.

    Anyway, I’m going to test the Page Builder plugin beta version and share the results.

    Thanks to you.

    Plugin Author Andrew Misplon

    (@misplon)

    Thanks. I guess it’s possible that you’re being treated as a mobile device.

    If possible, please, reach out to us via https://siteorigin.com/thread/. If possible, we can request login details to take a look at the issue.

    Thread Starter jhernandezg

    (@jhernandezg)

    Hi Andrew,

    It’s been hard … but I did it !!

    Before creating the issue in the link you sent me, I will tell you what I have discovered, if you can reproduce the problem in your own wordpress (I hope so!) We will have discovered the problem.

    If I create a row and include a Post Carousel Widget, then if the amount of news in the query sets it to be scrollable, the scroll controls appear … as in my case there are only 2, then the scroll controls DO NOT appear. .. Everything is correct … but if we then put another Post Carousel Widget, the scroll controls DO NOT appear even though the number of posts does force it.

    Specifically, two Post Carousel Widget in a row (first, 2 posts) and another (second, 9 posts), if the first post’s carousel widget shouldn’t show the scroll controls then they don’t show on both … but if we reverse the order, the scroll controls appear in all of them (although they should not appear)

    In summary, if there is more than one Post Carousel Widget and the scroll controls should not appear in the first one, the controls no longer appear in the rest of the Post Carousel Widget that follow, it also happens that, if the controls appear in the first widget Post Carousel appears in the rest of the Post Carousel widget, although it should not appear in some. All of this is true regardless of the position of the post carousel widget on the page.

    Additionally, this is a different topic, even if you specify that the posts open in a new window … they open in the same window.

    Thank you for your time, dedication and patience.

    Best regards

    • This reply was modified 1 year, 9 months ago by jhernandezg.
    Plugin Author Andrew Misplon

    (@misplon)

    Thanks so much for your effort and persistence. We’ll work to replicate and resolve this issue as soon as possible.

    Thread Starter jhernandezg

    (@jhernandezg)

    Hi Andrew,

    Thank you very much for your attention, dedication and interest.

    In short, great work.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Post Carousel 1.17.6 no scrolling’ is closed to new replies.