angular-material-components
angular-material-components copied to clipboard
[Angular 15] datetime-picker issue on iOS17
Description of a bug: I've encountered an issue with the datetime-picker library (version 15). This bug specifically occurs on iOS 17 (both Safari and Chrome) When attempting to manually change the time while adding a timeslot, the following issues are observed:
-
The time value shifts slightly upward, causing the input field to increase in height.
-
This issue only occurs when a user uses the backspace key twice to delete the existing time value.
-
It won't happen if you double-click and then press the delete key.
-
Notably, this issue does not appear on Windows or Android.
Reproduction Steps:
- Manually change value in input
- Delete the time value using the backspace key twice
NOTE You can reproduce it on https://h2qutc.github.io/angular-material-components/#/timepicker
GIF/Video:
I've attached a GIF to demonstrate the problem.
Environment:
Angular version: 15 iOS version: 17 Additional Information: This issue seems to be specific to iOS 17, as it works fine on Windows and Android
Please let me know if any additional information or logs are needed to investigate and resolve this issue. Thanks in advance
cc: @h2qutc