Show/Hide column buttons scrolls to top of page when using datatables inside of JQueryUI Dialog

pridekeeper

Hi!

I'm having a bit of a problem. I have a dataTable in a dialog, that dialog has a colvis button to show/hide columns, but when the user has to scroll down on a long list of columns and you click it, it just scrolls back up without triggering the button.

Is there any override I have to do to Jquery to prevent this?

Here's my js fiddle. https://jsfiddle.net/04edmjve/3/

(you may need to make the window smaller if you have a large monitor for the bug to happen)