[oldOtterParticipant]

Hi you guys,

We use a plugin called wpDataDatables. The tables are large and scroll horizontally. For some reason on a Mac, in Safari or Chrome, the tables do not scroll. If in the OS preferences, you change the scroll display to “Always” they do scroll. I thought this was a plugin problem, in wpDataTables, but the plugin developer told me it was a theme issue. I tested the tables in theme 2016, and they scroll just fine, but will not in X.

Can you please see why this is? I have built our entire site around X and Cornerstone, but these tables are a huge tool we cannot have not working in OS.

Thanks in advance,
T.J. Miller

[oldOtterParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for writing in! Could please provide the url of the page in questioned? I mean the page where we could find the table so that we could take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[oldOtterParticipant]

/application-guide

Thanks guys!

[RupokMember]

Hi there,

I have checked with Firefox, Chrome and Safari on OS X and I can’t see any difference. So not sure about the scrolling that supposed to happen. Would you point us the issue a bit that what should scroll? A screenshot would be appreciated.

Thanks!

[oldOtterParticipant]

Hi there. The tables, such as the one /application-guide, scrolls horizontally. In windows 7 and 10, on all browsers, the scrolling works fine. On a Mac on OS, on all browsers, the scrolling will not work. I believe it is a JavaScript error that has to do with the scroll wheel. I will take screen shots later today. On mobile now (scrolling also works on mobile).

[oldOtterParticipant]

Here are screen shots:

windows-scrolls-horizontal, shows the table with the horizontal scroll bar. this works as expected, with click and drag or with a mouse wheel. this is windows 10 on chrome. same result on windows 7 or 10, chrome, firefox, and edge. this is the expected and desired result.

mac-os-does-not-scroll, this is the same table on Mac OS Sierra in Chrome. The result is the same in Yosemite, El Capitan, on Chrome, Firefox, and Safari. As you can see, there is no scroll bar. Track pad, magic mouse, and mouse wheel DO NOT activate the scroll bar. This is my problem. It should scroll.

os-default-setting, this is the default setting in OS.

setting-change-to-make-work, if you change this setting to always, you get the next screen shot.

with-new-setting-scroll-shows, the scroll now shows and you can click and drag, but track pad, magic mouse, and mouse wheel gestures/actions DO NOT work.

Hopefully these details help.

I also am in contact with the plugin developer. It is clearly a theme issue, as I have tested. The plugin developer commented, “It is happening because of JavaScript event wheel. You can inspect element and see when you remove that event scrolling will work for the table.”

[oldOtterParticipant]

more attachements

[oldOtterParticipant]

Since it is javascript, apparently, is there something i can add in my child theme file to fix?

[oldOtterParticipant]

I did what the developer said, and it will work. I do not know how to implement it in my child theme though. if i use chrome and inspect the page, if i remove the event listener “wheel” the page and table work/scroll fine with trackpad, wheel, and magic mouse gestures.

[oldOtterParticipant]

Here is a screen shot of what i removed to make it work. How do i do this permanently and not just in Chrome’s developer console? Thanks, TJ

[RadModerator]

Hi there,

It’s due to smooth scroll plugin. If you’ll remove wheel event then it will make the plugin useless, hence, you can just disable the smooth scroll plugin.

Thanks!

[oldOtterParticipant]

should have guessed it. thanks.

oh well… good bye smooth scroll.

[RadModerator]

You’re welcome!

[Author]

Posts