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

    • Template:
    • Sprint:
      stripes-force 105
    • Development Team:
      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 John Coburn 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

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

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    TestRail: Runs

                      TestRail: Cases