Browse Source

Bug Fix: Suppress flicker.

NaotoshiFujita 3 năm trước cách đây
mục cha
commit
8a25ba0a36

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 0
dist/css/splide-core.min.css


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 0
dist/css/splide.min.css


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 0
dist/css/themes/splide-default.min.css


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 0
dist/css/themes/splide-sea-green.min.css


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 0
dist/css/themes/splide-skyblue.min.css


+ 1 - 1
dist/js/splide.cjs.js

@@ -1230,7 +1230,7 @@ function Move(Splide2, Components2, options) {
   function translate(position) {
     position = loop(position);
     shouldSnap = canSnap(position);
-    Components2.Style.ruleBy(list, "transform", `translate${resolve("X")}(${100 * position / listSize()}%)`);
+    Components2.Style.ruleBy(list, "transform", `translate${resolve("X")}(${100 * position / listSize()}%) translateZ(0)`);
   }
   function loop(position) {
     if (!waiting && Splide2.is(LOOP)) {

+ 1 - 1
dist/js/splide.esm.js

@@ -1226,7 +1226,7 @@ function Move(Splide2, Components2, options) {
   function translate(position) {
     position = loop(position);
     shouldSnap = canSnap(position);
-    Components2.Style.ruleBy(list, "transform", `translate${resolve("X")}(${100 * position / listSize()}%)`);
+    Components2.Style.ruleBy(list, "transform", `translate${resolve("X")}(${100 * position / listSize()}%) translateZ(0)`);
   }
   function loop(position) {
     if (!waiting && Splide2.is(LOOP)) {

+ 1 - 1
dist/js/splide.js

@@ -1460,7 +1460,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
     function translate(position) {
       position = loop(position);
       shouldSnap = canSnap(position);
-      Components2.Style.ruleBy(list, "transform", "translate" + resolve("X") + "(" + 100 * position / listSize() + "%)");
+      Components2.Style.ruleBy(list, "transform", "translate" + resolve("X") + "(" + 100 * position / listSize() + "%) translateZ(0)");
     }
 
     function loop(position) {

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 0
dist/js/splide.js.map


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 0
dist/js/splide.min.js


BIN
dist/js/splide.min.js.gz


+ 0 - 1
src/css/core/object/modifiers/fade.scss

@@ -6,7 +6,6 @@
     > #{ $root }__track {
       > #{ $root }__list {
         display: block;
-        will-change: auto;
 
         > #{ $root }__slide {
           left: 0;

+ 2 - 1
src/css/core/object/objects/list.scss

@@ -6,7 +6,8 @@
     height: 100%;
     margin: 0 !important;
     padding: 0 !important;
-    will-change: transform;
+    backface-visibility: hidden;
+    transform-style: preserve-3d;
   }
 
   &.is-initialized:not(.is-active) {

+ 1 - 1
src/js/components/Move/Move.ts

@@ -130,7 +130,7 @@ export function Move( Splide: Splide, Components: Components, options: Options )
     Components.Style.ruleBy(
       list,
       'transform',
-      `translate${ resolve( 'X' ) }(${ 100 * position / listSize() }%)`
+      `translate${ resolve( 'X' ) }(${ 100 * position / listSize() }%) translateZ(0)`
     );
   }
 

Một số tệp đã không được hiển thị bởi vì quá nhiều tập tin thay đổi trong này khác