Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Dropdown: Loses value if value changed via ENTER key #6058

Open
KRONTri opened this issue Feb 29, 2024 · 4 comments · Fixed by #6703, leoo1992/GeradorQRCode#57 or leoo1992/GeradorQRCode#80 · May be fixed by nhattpn/BTL_LTNC#56
Open

Dropdown: Loses value if value changed via ENTER key #6058

KRONTri opened this issue Feb 29, 2024 · 4 comments · Fixed by #6703, leoo1992/GeradorQRCode#57 or leoo1992/GeradorQRCode#80 · May be fixed by nhattpn/BTL_LTNC#56
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA Type: Bug Issue contains a defect related to a specific component.

Comments

@KRONTri
Copy link

KRONTri commented Feb 29, 2024

Describe the bug

Dropdown is empty as onChange event value property gets undefined if Dropdown has optionValue set.

Note:
In the stackblitz I created two dropdowns. One with optionValue and one without. The one without is working as expected.

Reproducer

https://stackblitz.com/edit/vitejs-vite-tawz4r?file=src%2FApp.tsx

PrimeReact version

10.5.1

React version

18.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome 121

Steps to reproduce the behavior

  1. Open dropdown (via mouse or tabbing)
  2. Select a value with cursor keys
  3. Press ENTER

Expected behavior

After pressing ENTER value change should be reflected.
@KRONTri KRONTri added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Feb 29, 2024
@melloware melloware added Component: Accessibility Issue or pull request is related to WCAG or ARIA Type: Bug Issue contains a defect related to a specific component. and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Feb 29, 2024
@melloware
Copy link
Member

Similar to: #6035 Probably a similar fix is needed.

@espentveit
Copy link

Got the same issue. Seems to be that getOptionValue is called twice, where the result of the first is passed to the second. Causing it to not find the value.

Call stack:
selectItem <- getOptionValue is called here
onOptionSelect <- getOptionValue is called here
onEnterKey
onInputKeyDown

@sja-cslab
Copy link
Contributor

sja-cslab commented May 27, 2024 •
edited
Loading

@melloware seems not to be similar.
You fixed #6035 in #6036 but this problem here is still there in 10.6.6

GabriellDatacamp pushed a commit to GabriellReis14/primereact that referenced this issue May 29, 2024
@datacampsis
Fix primefaces#6058 Dropdown: Select value with Enter when optionValu…
c2bedb2 
…e is set
@GabriellDatacamp GabriellDatacamp mentioned this issue May 29, 2024
Merged
@melloware melloware added this to the 10.7.0 milestone May 29, 2024
melloware added a commit that referenced this issue May 29, 2024
@GabriellDatacamp @datacampsis
@melloware @GabriellReis14
Fix #6058 Dropdown: Select value with Enter when optionValue is set (#…
c246fac 
…6703)

* Fix: Remove setTokens in onPaste on InputOtp to avoid duplicate values

- When pasted the value into InputOtp, was duplicating the value, as the state was updated in onPaste and onInput

* Update InputOtp.js

* Fix #6058 Dropdown: Select value with Enter when optionValue is set

---------

Co-authored-by: Datacamp <[email protected]>
Co-authored-by: Melloware <[email protected]>
Co-authored-by: Gabriell Reis Alvarenga <[email protected]>
melloware added a commit to melloware/primereact that referenced this issue Jul 14, 2024
@melloware
Revert primefaces#6058
7b0dc6b
@melloware melloware mentioned this issue Jul 14, 2024
Merged
@melloware melloware removed this from the 10.7.0 milestone Jul 14, 2024
@melloware melloware reopened this Jul 14, 2024
@melloware
Copy link
Member

Reverting this change.

@github-actions github-actions bot added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jul 14, 2024
@melloware melloware removed the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jul 14, 2024
melloware added a commit that referenced this issue Jul 14, 2024
@melloware
Revert #6058 (#6885)
0665423
@nhattpn nhattpn linked a pull request Jul 25, 2024 that will close this issue
Open
@leoo1992 leoo1992 mentioned this issue Jul 25, 2024
Merged
@leoo1992 leoo1992 mentioned this issue Aug 19, 2024
Merged
@leoo1992 leoo1992 mentioned this issue Aug 27, 2024
Merged
@raymondhtet raymondhtet mentioned this issue Sep 25, 2024
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA Type: Bug Issue contains a defect related to a specific component.
Projects
None yet
Milestone
No milestone
4 participants
@melloware @espentveit @KRONTri @sja-cslab