Repository navigation
bug: React IonSelect "multiple" gets into infinite render loop #24691
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
- v4.x
- v5.x
- v6.x
Current Behavior
- Select multiple values from the Colors Set 2 dropdown
- Check the console on the onIonChange and onSubmit event
- Selected values not displayed onSubmit, it causes an infinite loop.
Expected Behavior
I've recently upgraded the @ionic/react version from 5.6.1 to 6.0.4(latest) in my project and also updated the RHF from 6.14.1 to 7.25.3(latest). I would like to get the selected colors during onSubmit. It was working in the lower version of Ionic.
Also, I've raised a ticket with the RHF and they investigated this issue, RHF side is working fine. Here is the discussion link. react-hook-form/react-hook-form#7708
What is the motivation of valueChanged detection and then emit change?
Steps to Reproduce
- Go to the given Sandbox link
- Select multiple values from the Colors Set 2 dropdown
- Check the console on the onIonChange and onSubmit event
- Selected values not displayed onSubmit, it causes an infinite loop.
Code Reproduction URL
https://codesandbox.io/s/infallible-feather-50dtb?file=/src/App.tsx
Ionic Info
No response
Additional Information
No response
Activity
sean-perkins commentedon Feb 2, 2022
Hello @aruljayaraj thanks for the issue!
This appears to be a duplicate of #20106, we will track the issue through that ticket.
A community member has commented a workaround that may be helpful in the interim to addressing the core issue: #20106 (comment).
ionitron-bot commentedon Mar 4, 2022
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.