Skip to content

feat(DataList,Progress,Truncate): add tabindex - #7709

Merged
mcoker merged 5 commits into
patternfly:mainfrom
kmcfaul:keyboard-focus-improvements
Sep 10, 2025
Merged

mcoker merged 5 commits into
patternfly:mainfrom
kmcfaul:keyboard-focus-improvements

Conversation

@kmcfaul

@kmcfaul kmcfaul commented Jul 31, 2025

Copy link
Copy Markdown
Contributor

Closes #7270.

@patternfly-build

patternfly-build commented Jul 31, 2025 •

Copy link
Copy Markdown
Collaborator

@mcoker mcoker left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Left a nit and an alternate approach if you want to make it a little cleaner. What you have now works, too.

Comment thread src/patternfly/components/DataList/examples/DataList.md Outdated

@thatblindgeye thatblindgeye left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changes look good. Just a couple things:

  • Tabindex verbiage for DataList can live in a11y docs when written. Would you mind opening a followup issue in org for Progress, though, to add the tabindex of 0 to the HTML/CSS table? Would be a quick update if you wanted to just put a PR up for it, but a followup issue wwould be fine for now.
  • For Truncate, since these examples are a bit different to the other 2 components, can we just add some verbiage to the opening paragraph (below the "Examples" heading) about the tabindex? Basically just to let consumers know that the examples add a tabindex, but that it should only be applied when the text content is actually truncated. This would also live in a11y docs when written, but since we're hardcoding the tabindex without really a means to updat it, extra reminder won't hurt

@kmcfaul
kmcfaul force-pushed the keyboard-focus-improvements branch from 2509e62 to aba3b09 Compare August 12, 2025 18:38
Comment thread src/patternfly/components/DataList/data-list-cell.hbs Outdated
Comment thread src/patternfly/components/DataList/data-list-item-row.hbs Outdated
Comment thread src/patternfly/components/DataList/data-list-text.hbs Outdated
Comment thread src/patternfly/components/DataList/data-list-text.hbs Outdated
Comment thread src/patternfly/components/Progress/examples/Progress.md Outdated
Comment thread src/patternfly/components/DataList/examples/DataList.md Outdated
Comment thread src/patternfly/components/DataList/examples/DataList.md Outdated
Comment thread src/patternfly/components/DataList/examples/DataList.md Outdated
@kmcfaul
kmcfaul force-pushed the keyboard-focus-improvements branch from aba3b09 to e2bb2ac Compare August 18, 2025 19:07

@mcoker mcoker left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a couple of spots where tabindex is showing up in the markup because it's rendering <element>tabindex="0"

Comment thread src/patternfly/components/DataList/data-list-text.hbs Outdated
Comment thread src/patternfly/components/DataList/data-list-cell.hbs Outdated

@mcoker mcoker left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@mcoker
mcoker merged commit d00336b into patternfly:main Sep 10, 2025
4 checks passed
@patternfly-build

Copy link
Copy Markdown
Collaborator

🎉 This PR is included in version 6.3.0-prerelease.65 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Bug - Multiple components - content cannot be focused via keyboard

4 participants