BUG: Paginator on Custom Case Report does not work on Mobile

[ttlenard]

Describe the Bug
A clear and concise description of what the bug is.
While testing #10293, we noticed that the paginator isn't working correctly when viewing the Custom Case Report on a mobile device. (Android - Google Pixel 8 and iOS iphone 13). Page 1 of the paginator is the only page displayed. There is no Next or Previous, so the user is stuck on page 1 with no way to navigate through the pages. See Screen grabs below.

We believe that the only place this is occurring is on the Custom Case Report. We think that the other reports are at least showing the other pages and the mobile user is able to click on the pages to view other pages (they don't see a next/previous link either, but they can click on other squares to get to the other pages.

Business Impact/Reason for Severity
Low

In which environment did you see this bug?
Test, Prod

Who were you logged in as?
Internal Court users

What were you doing when you discovered this bug? (Using the application, demoing, smoke tests, testing other functionality, etc.)
Testing other functionality

To Reproduce
Steps to reproduce the behavior:

1. Log in as a court user on a mobile device
2. Click on Reports and select Custom Case Report
3. Leave the defaults and click Run Report
4. Notice that you only have the first page available for viewing, with no way to paginate

Expected Behavior
A clear and concise description of what you expected to happen.
Users should be able to either 1) see additional pages, or 2) see the next/previous buttons so that they can page through the results

Actual Behavior
A clear and concise description of what actually happened.
Users only see page 1, and cannot paginate through the results.

Screenshots
If applicable, add screenshots to help explain your problem.

CCR on Android

CCR on iphone

Other reports show additional pages and the user can click through.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Cause of Bug, If Known

Process for Logging a Bug:

• Complete the above information
• Add a severity tag (Critical, High Severity, Medium Severity or Low Severity). See below for priority definition.

Severity Definition:

• Critical Defect
  Blocks entire system's or module’s functionality
  No workarounds available
  Testing cannot proceed further without bug being fixed.

• High-severity Defect
  Affects key functionality of an application
  There's a workaround, but not obvious or easy
  App behaves in a way that is strongly different from the one stated in the requirements

• Medium-severity Defect
  A minor function does not behave in a way stated in the requirements.
  Workaround is available and easy

• Low-severity Defect
  Mostly related to an application’s UI
  Doesn't need a workaround, because it doesn't impact functionality

Definition of Ready for Bugs(Created 10-4-21)

Definition used: A failure or flaw in the system which produces an incorrect or undesired result that deviates from the expected result or behavior. (Note: Expected results are use cases that have been documented in past user stories as acceptance criteria and test cases, and do not include strange behavior unrelated to use cases.)

The following criteria must be met in order for the development team to begin work on the bug.

The bug must:

• Be focused on solving a user problem
• Contain data for all fields in the bug template, so the team can pick it up and begin working immediately

Process: If the unexpected results are new use cases that have been identified, but not yet built, new acceptance criteria and test cases should be captured in a new user story and prioritized by the product owner.

If the Court is not able to reproduce the bug, add the “Unable to reproduce” tag. This will provide visibility into the type of support that may be needed by the Court. In the event that the Court cannot reproduce the bug, the Court will work with Flexion to communicate what type of troubleshooting help may be needed.

Definition of Done (Updated 4-14-21)

Product Owner

• Bug fix has been validated in the Court's test environment

Engineering

• Automated test scripts have been written
• Field level and page level validation errors (front-end and server-side) integrated and functioning
• Verify that language for docket record for internal users and external users is identical
• New screens have been added to pa11y scripts
• All new functionality verified to work with keyboard and macOS voiceover https://www.apple.com/voiceover/info/guide/_1124.html
• READMEs, other appropriate docs and swagger/APIs fully updated
• UI should be touch optimized and responsive for external only (functions on supported mobile devices and optimized for screen sizes as required)
• Interactors should validate entities before calling persistence methods
• Code refactored for clarity and to remove any known technical debt
• Deployed to the Court's test environment if prod-like data is required. Otherwise, deployed to any experimental environment for review.