allenJynRoyston / ngCroppie

An Angular module for the awesome Croppie.js!
MIT License
40 stars 36 forks source link

Clicks on slider does not change output picture #36

Open dilbatch opened 7 years ago

dilbatch commented 7 years ago

Clicks event on slider does not change output image zoom, only drag but when you click on slider and then drag the input image the zoom change applies.

Here are my settings

Photo
                        <div class="form-group row">
                            <div class="col-xs-4">
                                <label for="fileInput">Upoad picture</label>
                                <input id="fileInput" class="form-control" type="file">
                            </div>
                            <div class="col-xs-4" ng-if="inputImage != undefined">
                                <ng-croppie src="inputImage" ng-model="outputImage" update="onUpdate" boundry="{w: 300, h: 300}" viewport="{w: 200, h: 200}"
                                 mousezoom="false" orientation="true">
                                </ng-croppie>
                                <img ng-src="{{outputImage}}" id="croppedImg" />
                            </div>
                            <div class="col-xs-4">

                            </div>
                        </div>
orifn commented 6 years ago

@dilbatch which browser(+version) do you use?

dilbatch commented 6 years ago

I've tried on firefox, mozila both on PC and Android mobile

dilbatch commented 6 years ago

for example - Firefox 57.0.2 (64-bit) on Windows and crome - Version 63.0.3239.84 (Official Build) (64-bit)

Just to specify the mouse click events on slider - slide event on slider works - which helps But under the chrome of my android mobile - the events of slider are even limited and can really crop the image

orifn commented 6 years ago

@dilbatch we recently released v1.2.1 which also aims to resolve slider issues. So, please check it again with new version.