-
Notifications
You must be signed in to change notification settings - Fork 13.4k
Open
Labels
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
v8.x
Current Behavior
- IonAlert has an option to add
inputs. - When adding checkbox inputs to the ion-alert, on any page in any location, any textarea or other input in which you want to input a linebreak is impossible.
- The ion-alert inputs seem to be hijacking the 'beforeinput' event or the e.inputType === 'insertLineBreak'.
- Having isOpen true or false has no effect.
Expected Behavior
Linebreaks are possible when an IonAlert with custom inputs are present.
Steps to Reproduce
check the code reproduction
- open or close ion-alert (does not matter)
- open console and observe the log for the linebreak event
- type text into the text area and hit enter key for a linebreak
- toggle inputs for ion-alert from 5 checkboxes to an empty array
- type text into the text area and hit enter key for a linebreak
Code Reproduction URL
https://react-9q8cq9kr.stackblitz.io
Ionic Info
From my normal project (not the code reproduction repo)
Ionic:
Ionic CLI : 7.2.1 (C:\Users\mysecretusername\AppData\Roaming\nvm\v22.19.0\node_modules@ionic\cli)
Ionic Framework : @ionic/react 8.7.6
Capacitor:
Capacitor CLI : 7.4.3
@capacitor/android : 7.4.3
@capacitor/core : 7.4.3
@capacitor/ios : 7.4.3
Utility:
cordova-res : not installed globally
native-run : 2.0.1
System:
NodeJS : v22.19.0 (C:\Program Files\nodejs\node.exe)
npm : 10.9.3
OS : Windows 10
Additional Information
No response