When using the Vega Input Select in the context of our React app its having some strange behavior. Attached screenshots show the select list before and after an item has been selected and the list re-opened. Also, it looks like onVegaChange is returning the custom event but currentValue appears to be null and thus cannot have a value as the storybook docs have demonstrated. Baseline code used below:
List Population:
let selections: Array<SelectItem> = []; if (equipmentItem.packagePrices.length > 0) { equipmentItem.packagePrices.forEach((pkgPrice) => { selections.push({ id: pkgPrice.packagepriceId, name: pkgPrice.name }); }); }
Markup Logic:
<VegaInputSelect placeholder="Quantity" source={selections} onVegaChange={(e) => { setQtySelection(e.currentTarget?.value); }} />
I believe I have resolved this on my end. Not entirely sure why its happening with the logic I had in place but I do have a workaround for now so this issue can be discarded at this time.