Hi, I have the following setting.
I have created a simple wrapper-component in Angular, that contains the pinch-zoom
-component with an image. The image src is bound to a variable, that might get updated over time. The current template is quite minimalistic:
<pinch-zoom>
<img [src]="innerImg"/>
</pinch-zoom>
The innerImg
is assigned on the setter-function of a component input
@Input() set image(img: any) {
if (!!img) {
this.innerImg = img;
}
}
Expected behaviour
The image can be zoomed and dragged normally.
Current behaviour
The image cannot be zoomed via mouse wheel. Zooming with the button at the bottom works as intended and when zoomed, dragging works too.
Weirdly, when browser focus is in another tab and the app is rebuild (due to a change from my IDE), the mouse wheel zoom works as intended, when I switch to the tab of my app.
Did I miss something when using your library?