Cannot move or resize crop area in modal (Cropper inside custom modal, RectangleStencil, Vue 3)

[cuongph-dev-work]

Expected behavior
The crop area should be movable and resizable as documented.

Screenshots

My Code

<Cropper v-if="cropImageUrl" class="cropper" :src="cropImageUrl" }" @change="onChange" />

What I have tried
Ensured vue-advanced-cropper/dist/style.css is imported after all other styles.
Added CSS to force pointer-events: auto !important; and user-select: auto !important; on .cropper *.
Checked for CSS conflicts and overlays in my app.
Used the latest version of vue-advanced-cropper.

Environment
vue-advanced-cropper: 2.8.9
Vue: 3.2.45
vite: 3.2.4
yarn: 1.22.19
node: 16.16.0
Browser: chrome
OS: win 11

Additional context
No errors in the browser console.