Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-100201

Slow scrolling on a page with tables causes repositioning on the last row in Chromium browsers (Chrome/Edge)

XMLWordPrintable

      Issue Summary

      Slow scrolling on a page with tables, which causes repositioning on the last row and prevents users from reaching the bottom of the page. This impacts browsers utilizing Blink (Chromium, Chrome, Edge), and not Gecko engines (Firefox), for example.

      Steps to Reproduce

      1. Open a browser which utilizes Chromium
      2. Created a page with the tables macro, at least 2 rows.
      3. Also, add enough content to scroll down the page.
      4. Publish page.
      5. When viewing the page, attempt to scroll down past the table

      The issue is not observed with Safari or Firefox, as mentioned in one of the comments below. The problem seems to be limited to Blink engine based browsers, and not WebKit or Gecko engine.

      Optional - Disabling/enabling the confluence-fixed-headers app can also impact the way this header behaves in the browser. With it disabled, the "jumps" are doubled.

      Expected Results

      The user is able to scroll to the bottom of the page when slow scrolling.

      Actual Results

      The table keeps repositioning on the last row, causing the page to get stuck and preventing the user from scrolling to the bottom of the page.

      Workaround

      • For Confluence 9.3 and later versions, navigate to <base_url>/admin/darkfeatures.action and add 'confluence-table-enhancements.sticky-headers.disabled'
      • For Confluence 9.2.x and earlier versions, you can add the following style block to 'Custom HTML' (/admin/viewcustomhtml.action) in the 'At end of the head' section, or into Layouts (/admin/listdecorator.action) in the 'Main Layout' and between the <head> tags (will require clicking 'create custom' if default layout is used): 
        <style>
    thead.tableFloatingHeader {
        display: none !important;
    }
    thead.tableFloatingHeaderOriginal {
        position: static !important;
    }
</style>

      In 9.2.x occasionally disabling the 'Sticky Table Headers' plugin was successful as a workaround too (instead of the above CSS), but was otherwise quite unreliable in most versions. To try this workaround in 9.2.x, click Confluence Administration >> Manage apps >> select 'All apps' from the dropdown box to list all plugins/apps, then finally locate the 'Sticky Table Headers' plugin (com.atlassian.confluence.plugins.sticky-table-headers) and click 'disable'

        1. PageScrollTableTest
          2 kB
        2. tablesTest.mov
          19.14 MB

              bb797b5e39e7 Judy Lim
              mmadrid@atlassian.com Mark M (Inactive)
              Votes:
              44 Vote for this issue
              Watchers:
              40 Start watching this issue

                Created:
                Updated:
                Resolved: