Okay
  Public Ticket #3705271
Can't scroll table in Firefox
Closed

Comments

  • Kristy started the conversation

    When I open my tables in Firefox, there is a problem with the scrolling. I can only scroll down so far, then it stops going down and the screen jumps a little bit. 

    I have tried turning on pagination with only 10 rows showing, but it still happens. This is also happening on other devices. Firefox is the latest version and the plugin is the latest version.

    Can you please let me know what you think? Thanks!


  •  1,846
    Miloš replied

    Hi Kristy,

    I can see what you mean - If I use Chrome, then the table can be vertically scrolled just fine all the way;

    but as soon as I tried via Mozilla, and reach a certain point in your table - the strange glitching with the scrolling happened, it keeps bringing it back to the certain point as we try to scroll further down.

    I just recorded a short Video as a demonstration, we might need it for our QA Team.

    Could you allow us remote access to your table's back-end, we need to inspect all the settings, then our QA Team can try to reproduce it and identify if it is a bug?

    Please provide me a temporary WP-admin (administrator) user for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. 

    We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course, we do not provide login data to third parties. 

    You can write credentials here just check PRIVATE Reply so nobody can see them except us.


    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  1,846
    Miloš replied

    Hi Kristy,

    Just a small update, in the meantime I did further tests on our own Test websites, with our Tables.

    I set up fixed headers and we are unable to reproduce it, we also tried multiple WP Themes.

    You can download my Video here to see the comparison, first I demonstrate how we can't reproduce it on our Site with Mozilla, then we just briefly show again how it is 'glitching' on your Page with your Table.


    We do have one more user who just reported the same issue today, so we are following both tickets to try and isolate it.

    It could be for some specific WP Theme(s) only, so can you check if you change your WP Theme, does the same issue happen with multiple themes on your Site?

    We can certainly take a remote look if you can send us the Administrator credentials as requested from the previous reply.

    If you send that, just make sure it is a PRIVATE reply, for security reasons - then only we can see it.

    Thank you.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •   Miloš replied privately
  •   Kristy replied privately
  •   Miloš replied privately
  •   Miloš replied privately
  •   Miloš replied privately
  •  1,846
    Miloš replied

    Hi Kristy,

    Good news, our developers isolated this bug and they made a temporary fix.

    A final version of the fix should be added in one of our upcoming updates - we can't say an exact ETA, but you can follow our changeLog.

    If you wish to apply this fix right away, here are the steps.

    1. Make sure to have this option disabled, in your main Plugin settings/Custom JS and CSS/Use minified wpDataTables Javascript.

    2658436995.png

    When we add the official fix in an Update - you will be able to re-enable that option, if you need it, but for this temporary JS fix, it has to be disabled.


    2. Now, find this file in your Hosting's FTP or via File Manager in this path :

    ..wp-content/plugins/wpdatatables/assets/js/wpdatatables/wpdatatables.js 

    around line 2246 find this part of the code :

    if (tableDescription.dataTableParams.fixedHeader.header && !tableDescription.serverSide) {
                    $(window).on("scroll",function() {
                        wpDataTables[tableDescription.tableId].fnDraw(false);
                    });
                }

    Replace it with this :

    var wdtScrollTop = $(window).scrollTop();
                if (tableDescription.dataTableParams.fixedHeader.header && !tableDescription.serverSide) {
                    $(window).on('scroll', function() {
                        var wdtCurrentScrollTop = $(this).scrollTop();
                        if (wdtCurrentScrollTop > wdtScrollTop) {
                            wpDataTables[tableDescription.tableId].fnDraw(false);
                        }
                        wdtScrollTop = wdtCurrentScrollTop;
                    });
                }

    Save the changes, then purge cache of the site and browser, then refresh the Page and the bug should be fixed.

    Let us know how it goes.

    If you need us to do this for you, we will need FTP credentials and point us to the path to the WordPress folder on the server. You can check that with the Hosting provider support if you're not sure.

    If you send it, just make sure the message is set to PRIVATE, for security reasons, then only we can see it.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  1,846
    Miloš replied

    Hi Kristy,

    Just wanted to advise we released the new update with this fix, so please update to 6.7 wpDataTables and now it should not happen again.

    Just make sure to purge cache of the Site and browser - then refresh the Page and the issue should be fixed.

    Let us know if you encounter any further issues.

    Thank you.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables