In Vue advanced cropper , the moving class (vue-rectangle-stencil--moving) is not removing automatically when I stop moving the mouse, but if I refresh the page once means , it is removing automatically and working as expected.

[pravkanth]

I am using vue 2, vue advanced cropper version 1.11.6, there is no error message in console.

<template>
    <div>
    <b-sidebar  id="car-all-details" title="Sidebar with backdrop" backdrop right no-header prop no-close-on-esc no-close-on-backdrop>
        <div class="cropper_container d-flex w-100 mt-5">
            <div class="ml-3 w-50">
                <cropper
                    ref="cropper"
                    class="upload-example-cropper cropper"
                    :src="image"
                    @change="cropperChangedNew"
                    :maxWidth="sizeRestriction.maxWidth"
                    :minWidth="sizeRestriction.minWidth"
                    :maxHeight="sizeRestriction.maxHeight"
                    :minHeight="sizeRestriction.minHeight"
         />
            </div>
       </div>
    </b-sidebar>
</div>

I tried to remove the class manually both by code and removing in dev tools , even removing the class, it is not working.

![Uploading Screenshot 2024-02-12 at 4.05.09 PM.png…]()

[Norserium]

@pravkanth, could you provide the codesandbox to reproduce this issue?