Horizontal scrolling enabled, but not working in Chrome/Edge

  • Resolved domschu

    (@domschu)


    1 month ago

    Hello Tobias,

    I have enabled “Horizontal scrolling” in the table options.

    The result is:

    • Safari: works correctly
    • Firefox: works correctly
    • Chrome: only the first columns are visible, no horizontal scrolling
    • Microsoft Edge: same behaviour as Chrome

    I have confirmed that:

    • the “Horizontal scrolling” option is enabled and the table has been saved,
    • there are no JavaScript errors in the browser console,
    • dataTables_scroll and dataTables_scrollBody are not present in the generated HTML.

    The table is embedded with:

    [table id=1 /]

    Is there anything else that should be enabled? Should the HTML contain dataTables_scroll when horizontal scrolling is activated?

    Thank you very much for your help.

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    1 month ago

    Hi @domschu!

    Thanks for your post and sorry for the trouble!

    I can confirm that the horizontal scrolling is not working in Chrome, but I’m not yet completely sure why. My feeling is that the “Burst Statistics” plugin might play a role as it registers an event listener on the JavaScript “scroll” event. Can you therefore please try again after temporarily deactivating that plugin?

    As for the dataTables_scroll not being in the generated HTML code: That is correct. The respective element (actually now dt-scroll and not dataTables_scroll) is only added to the DOM dynamically with JavaScript and not in the HTML code.

    Best wishes,
    Tobias

    Thread Starter domschu

    (@domschu)

    1 month ago

    Hallo Tobias

    Ich habe das Burst Statistcs Plugin deaktiviert und nochmals probiert. Es ist unverändert. Edge und Chrome kann nicht scrollen.

    Thread Starter domschu

    (@domschu)

    1 month ago

    Hello Tobias,

    I have tested the table behaviour on different devices and browsers.

    The horizontal scrolling works correctly on mobile devices with all tested browsers (Safari, Firefox, Chrome and Edge).

    The problem only occurs on desktop computers: Chrome and Edge do not allow the horizontal scrolling of the table. The additional columns are therefore not accessible.

    Safari and Firefox on desktop computers work correctly.

    So the issue seems to be specific to Chromium-based desktop browsers.

    Thank you very much for looking into this.

    Best regards

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    1 month ago

    Hi,

    Thanks for investigating this further! That is indeed a very interesting find (that I can confirm) — but have never seen like that before.

    I just can’t find any reason for this. There don’t seem to be any odd CSS properties in use and the JavaScript events also don’t seem to be play a role

    For a further test, can you extend the previous checks to all plugins, i.e. temporarily deactivate all other plugins? Switching themes would also be nice, but I guess that won’t be possible with Divi here, right?

    Best wishes,
    Tobias

    Thread Starter domschu

    (@domschu)

    4 weeks, 1 day ago

    Hi Tobias,

    I have now tested it by deactivating all plugins except TablePress. Unfortunately, the horizontal scrolling issue in Chrome and Edge on desktop still remains.

    The TablePress custom CSS only contains styling rules for colours and does not affect scrolling.

    It seems that the issue is not caused by another plugin.

    Switching away from the Divi theme is unfortunately not an option for me, as the website is built entirely with Divi and is already live.

    Best wishes,

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    4 weeks, 1 day ago

    Hi @domschu,

    Ok, thanks for trying! I had another look and the only thing that really makes sense (and shows odd results in my tests with the browser’s Developer Tools) is the “Burst Statistics” plugin. It seems to running some “Time Me” component that is tracking JavaScript events, like mouse movement. From what I can see, this is also running when the visitor tries scrolling.

    Can you therefore please try again with this fully deactivated (and leave it deactivated for me to then check again)?

    Regards,
    Tobias

    Thread Starter domschu

    (@domschu)

    3 weeks, 6 days ago

    Hi Tobias,

    Thanks for taking another look.

    I have now fully deactivated the Burst Statistics plugin and will leave it disabled, so you can analyse the website.

    Best regards,

    • This reply was modified 3 weeks, 6 days ago by domschu.
    Thread Starter domschu

    (@domschu)

    3 weeks, 6 days ago

    Hi Tobias,

    This surprises me as well. I have just tested it again, and it is still not working — neither in Edge nor in Chrome, even though the plugin is deactivated.

    Could you please let me know when I can activate the Burst Statistics plugin again? It is important for me to have access to the statistics.

    Thank you for your continued analysis and for keeping me updated.

    Best regards,
    Chaska

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    3 weeks, 6 days ago

    Hi @domschu,

    Great, thanks! That helps a lot as things are much less “noisy” now.

    So, I think I found the cause. It’s this script file: https://chaskart.ch/wp-content/themes/Divi/js/smoothscroll.js

    It looks like Divi is adding some “smooth scrolling” functionality, but this is interfering with normal browser scrolling.

    Can you maybe check if there’s a setting in Divi to turn this off?

    Best wishes,
    Tobias

    Thread Starter domschu

    (@domschu)

    3 weeks, 6 days ago

    Hi Tobias,

    Eureka! 🎉

    I found the “Smooth Scrolling” setting in Divi, disabled it, cleared the Divi cache, and tested the website again.

    It is working now — both in Chrome and Edge!

    Thank you so much for finding the cause. I would never have thought that this setting in Divi could interfere with the browser scrolling.

    Best wishes,

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    3 weeks, 6 days ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    I assume that this script just doesn’t properly take into account horizontal scrolling somehow…

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress in the plugin directory. Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.