-
Notifications
You must be signed in to change notification settings - Fork 375
Description
Describe the problem
The TypeaheadSelect component from @patternfly/react-templates displays a value that lags one selection behind the actual selected value. When users select items sequentially, the displayed text shows the previous selection instead of the current one, even though the checkmark indicator shows the correct selection.
Component affected: TypeaheadSelect (@patternfly/react-templates)
How do you reproduce the problem?
- Create a TypeaheadSelect with options [1, 2, 3, 4, 5]
- Open the dropdown and select option "2"
- Result: Display shows "2" ✓ (works correctly on first selection)
- Open the dropdown and select option "3"
- Result: Display shows "2" ✗ (checkmark is on "3" but display is wrong)
- Open the dropdown and select option "4"
- Result: Display shows "3" ✗ (checkmark is on "4" but display is wrong)
The pattern continues - the displayed value is always one selection behind.
Expected behaviour
Expected flow:
Open dropdown and select option "2" → Display shows "2" ✓
Open dropdown and select option "3" → Display shows "3" ✓ (not "2")
Open dropdown and select option "4" → Display shows "4" ✓ (not "3")
Is this issue blocking you?
List the workaround if there is one.
Screenshots
What is your environment?
- OS: macOS
- Browser: Chrome/Safari/Firefox (affects all browsers)
- PatternFly React Templates Version: 6.5.0-prerelease.14
What is your product and what release date are you targeting?
Red Hat Certification workflow: Admin UI for our product http://rhcert.connect.redhat.com/)
Any other information?
Metadata
Metadata
Assignees
Labels
Type
Projects
Status