angular-material-components icon indicating copy to clipboard operation
angular-material-components copied to clipboard

[Angular 15] datetime-picker issue on iOS17

Open jovana-marceta opened this issue 2 years ago • 0 comments

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:

  1. Manually change value in input
  2. 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. bugExample2

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

jovana-marceta avatar Oct 26 '23 08:10 jovana-marceta