fix(Dropdown): pass option object value to selectItem when optionValue is set

[KumJungMin]

Defect Fixes

• fix Dropdown: Arrows select not working when using optionValue #7318

How to Resolve

• When optionValue is set, selecting an option using [arrow keys + Enter] does not work.(related PR)
• The issue is caused by the value being undefined.
• To resolve this, I pass the option object to the selectItem function, similar to onOptionClick function.

const onOptionClick = (event) => {
      const option = event.option;

      if (!option.disabled) {
          selectItem(event);  // like this!
          DomHandler.focus(focusInputRef.current);
      }

      hide();
  };

Test 1: The optionValue is undefined(Basic example).

2024-10-11.9.13.22.mov

Test 2: The optionValue is set to 'code.'

• you can select option using [arrow keys + Enter] :)

11111.mov

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
primereact	⬜️ Ignored (Inspect)	Visit Preview		Oct 11, 2024 0:19am
primereact-v9	⬜️ Ignored (Inspect)	Visit Preview		Oct 11, 2024 0:19am