Uploaded image for project: 'stripes-components'
  1. stripes-components
  2. STCOM-602

multiple Dropdown instances cause janky scrolling

    XMLWordPrintable

Details

    • Bug
    • Status: Closed (View Workflow)
    • P2
    • Resolution: Duplicate
    • None
    • None
    • None
    • stripes-force 73
    • Stripes Force

    Description

      The <Dropdown> component uses a tether for positioning. On a page with many instances, such as the user-open-loans table which may have hundreds of entries, this pattern causes performance issues in the form of janky scrolling.

      Options include:

      • different/better virtualization of the MCL within ui-users in order to only avoid rendering components that are not visible on-screen
      • rewrite Dropdown with Popper, which offers similar positioning options to react-tether but is approximately 8675309% more efficient

      PR - https://github.com/folio-org/ui-users/pull/983

      TestRail: Results

        Attachments

          Issue Links

            has to be done before

            Story - Created by Jira Software - do not edit or delete. Issue type for a user story. STCOM-320 Convert "dropdown" component to use 'popper' component

            • P3 - low priority level, item will be considered for inclusion in the next dev cycle
            • Closed

            Bug - A problem which impairs or prevents the functions of the product. UIU-1271 when many open loans are present, scrolling is janky

            • P2 - normal priority level, must be included in the current development cycle
            • Closed
            relates to

            Bug - A problem which impairs or prevents the functions of the product. STCOR-392 Browser back button not working: locationService.js generates invalid RexExp leading to call stack exhaustion

            • P2 - normal priority level, must be included in the current development cycle
            • Closed

            Bug - A problem which impairs or prevents the functions of the product. UIU-1263 UI display limited to 100 open loans when more exist

            • P2 - normal priority level, must be included in the current development cycle
            • Closed

            Bug - A problem which impairs or prevents the functions of the product. UIU-1264 "414 Request URI Too Long" error when fetching loan policies for 100 open loans

            • P2 - normal priority level, must be included in the current development cycle
            • Closed

            Activity

              People

                JohnC John Coburn
                zburke Zak_Burke
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  TestRail: Runs

                    TestRail: Cases