search

telerik / kendo-angular

Issue tracker - Kendo UI for Angular
http://www.telerik.com/kendo-angular-ui/
Other
463 stars 213 forks source link

[Signature] Not working properly in Ionic environment #4330

Open yanmariomenev opened 3 weeks ago

yanmariomenev commented 3 weeks ago

Describe the bug There seems to be some offset when trying to work with the signature component due to the Ionic environment. This is most likely due to styles and how Ionic works with canvas elements which the Signature uses. Useful information regarding the offset issue:

https://stackoverflow.com/questions/8693693/offset-when-drawing-on-canvas/8693791#8693791

https://github.com/wulfsolter/angular2-signaturepad/issues/42

Removing the styles attribute seems to fix the issue, but the canvas itself is too small.

<canvas 
style="width: 100%; height: 100%;"
></canvas>

To Reproduce Extract and use the following steps to install and run the project:

ionic project.zip

  1. Install Ionic globally:

npm install -g @ionic/cli native-run cordova-res

  1. Install Capacitor plugins:

npm install @capacitor/camera @capacitor/preferences @capacitor/filesystem

  1. Install Ionic PWA Elements:

npm install @ionic/pwa-elements

Serve the Ionic application:

  1. Run ionic serve command

Screen Recording

https://github.com/telerik/kendo-angular/assets/49076727/d1b0cde0-bbcf-4fd3-b328-61fadabd2eed