Skip to content

Bug - TypeaheadSelect - displays value one selection behind #12146

@akhatri-cmyk

Description

@akhatri-cmyk

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?

  1. Create a TypeaheadSelect with options [1, 2, 3, 4, 5]
  2. Open the dropdown and select option "2"
    • Result: Display shows "2" ✓ (works correctly on first selection)
  3. Open the dropdown and select option "3"
    • Result: Display shows "2" ✗ (checkmark is on "3" but display is wrong)
  4. 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

Image Image Image Image

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

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    Status

    Needs triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions