Uploaded image for project: 'RichFaces'
  1. RichFaces
  2. RF-14215

extendedDataTable: keyboard navigation fails when using lower values of @clientRows

    Details

    • Type: Bug
    • Status: Closed (View Workflow)
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: 4.5.12
    • Fix Version/s: 4.5.13
    • Component/s: component-tables
    • Labels:
      None
    • Environment:

      Metamer, Firefox 42, Chrome 47, Tomcat 8 + Mojarra 2.2.11

    • Steps to Reproduce:
      Hide

      In Firefox:

      1. # deploy Metamer and open http://127.0.0.1:8080/metamer/faces/components/richExtendedDataTable/simple.xhtml?atts=%7B%22clientRows%22:%2215%22%7D (will set @clientRows to 15) with Firefox in maximized window
      2. click on the first row
      3. hold down DOWN arrow
        • after 3 updates the loading breaks
          Note: going up from bottom works

      In Chrome:

      1. deploy Metamer and open http://127.0.0.1:8080/metamer/faces/components/richExtendedDataTable/simple.xhtml?atts=%7B%22clientRows%22:%2215%22%7D (will set @clientRows to 15) with Chrome in maximized window
      2. click the last visible row in table
      3. press DOWN arrow few times
      4. hold UP arrow
        • have: previous rows will not be loaded

      Second issue:

      1. deploy Metamer and open http://127.0.0.1:8080/metamer/faces/components/richExtendedDataTable/simple.xhtml?atts=%7B%22clientRows%22:%225%22%7D (will set @clientRows to 5)
      2. click the last visible row in table
      3. press DOWN arrow (or END, PAGE DOWN...)
        • have: no new rows are loaded
      Show
      In Firefox: # deploy Metamer and open http://127.0.0.1:8080/metamer/faces/components/richExtendedDataTable/simple.xhtml?atts=%7B%22clientRows%22:%2215%22%7D (will set @clientRows to 15) with Firefox in maximized window click on the first row hold down DOWN arrow after 3 updates the loading breaks Note: going up from bottom works In Chrome: deploy Metamer and open http://127.0.0.1:8080/metamer/faces/components/richExtendedDataTable/simple.xhtml?atts=%7B%22clientRows%22:%2215%22%7D (will set @clientRows to 15) with Chrome in maximized window click the last visible row in table press DOWN arrow few times hold UP arrow have: previous rows will not be loaded Second issue: deploy Metamer and open http://127.0.0.1:8080/metamer/faces/components/richExtendedDataTable/simple.xhtml?atts=%7B%22clientRows%22:%225%22%7D (will set @clientRows to 5) click the last visible row in table press DOWN arrow (or END, PAGE DOWN...) have: no new rows are loaded
    • Workaround Description:
      Hide

      Use higher @clientRows value, e.g. by 2 more than you can actually see rows in edt.

      Show
      Use higher @clientRows value, e.g. by 2 more than you can actually see rows in edt.

      Description

      There seems to be some issue with counting height of rows. When using @clientRows set to minimum value, just as high as you can see the scrollbar in edt, the ajax loading of rows will not work correctly when using keyboard for navigation – see steps to reproduce.


      Another issue is using of lower values @clientRows, so there is no scrollbar in EDT visible. If there is no scrollbar visible, the user cannot trigger the loading (using mouse/keyboard).

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                michpetrov Michal Petrov
                Reporter:
                jstefek Jiří Štefek
              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: