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

Add possibility to pass one more prop with unique prefix for column header id's

    XMLWordPrintable

Details

    • stripes-force 105
    • Stripes Force

    Description

      Overview:
      In case when there are several MCL on the page with the same column names id's duplicates and gives an accessibility error -

      After discussion with JohnC was decided to extend MCL with one more prop to have a possibility to pass `idPrefix` and create columnId and clickableId (https://github.com/folio-org/stripes-components/blob/master/lib/MultiColumnList/MCLRenderer.js#L1320) in such way -

      Steps to Reproduce:

      1. Log into folio-snapshot environment
      2. Go to settings/data-import/mapping-profiles and create a profile and save
      3. Go to settings/data-import/mapping-profiles, create a profile and link previously created mapping profile and save
      4. Open view details screen for created profile
      5. Run `axe` and check the axe reported issues related to current component

      Expected Results:
      created id's should be like [prefix-]list-column-[header] and [prefix-]clickable-list-column-[header]
      Actual Results:
      currently id's look this way - list-column-[header] and clickable-list-column-[header]

      Additional Information:
      For check "Accessibility problems" was used https://ux.folio.org/docs/assets/axe/

      TestRail: Results

        Attachments

          Issue Links

            Activity

              People

                JohnC John Coburn
                Ihor_koba Ihor Koba
                Votes:
                0 Vote for this issue
                Watchers:
                4 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  TestRail: Runs

                    TestRail: Cases