fix: add backface-visibility: hidden to cropper image to avoid ghos…

…t lines when moving ref #982
fengyuanchen · Nov 20, 2022 · 97d2c2f · 97d2c2f
1 parent 3176f04
commit 97d2c2f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 ## next
 
+- Add `backface-visibility: hidden` to cropper image to avoid ghost lines when moving (#982).
 - Remove useless `cropper-hide` class from cropper image.
 - Check whether the parent node exists or not before removing the cropper container.
 

diff --git a/src/css/cropper.css b/src/css/cropper.css
@@ -7,6 +7,7 @@
   user-select: none;
 
   & img {
+    backface-visibility: hidden;
     display: block;
     height: 100%;
     image-orientation: 0deg;

diff --git a/src/css/cropper.scss b/src/css/cropper.scss
@@ -10,6 +10,7 @@ $cropper-image-path: '../images' !default;
     user-select: none;
 
     img {
+      backface-visibility: hidden;
       display: block;
       height: 100%;
       image-orientation: 0deg;