Quellcode durchsuchen

Attempt to reduce CLS by default.

NaotoshiFujita vor 3 Jahren
Ursprung
Commit
eb7f9b5d5d

Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
dist/css/splide-core.min.css


Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
dist/css/splide.min.css


Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
dist/css/themes/splide-default.min.css


Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
dist/css/themes/splide-sea-green.min.css


Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
dist/css/themes/splide-skyblue.min.css


Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
dist/js/splide.js.map


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

@@ -5,11 +5,13 @@
     height: 100%;
     margin: 0 !important;
     padding: 0 !important;
+    backface-visibility: hidden;
+    display: flex;
   }
 
-  &.is-active {
+  &.is-initialized:not(.is-active) {
     #{ $root }__list {
-      display: flex;
+      display: block;
     }
   }
 }

+ 62 - 0
src/js/test/php/examples/body.php

@@ -0,0 +1,62 @@
+<?php
+require_once '../parts.php';
+require_once '../settings.php';
+
+$settings = get_settings();
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Body</title>
+
+  <link rel="stylesheet" href="../../../../../dist/css/themes/splide-<?php echo $settings['theme'] ?>.min.css">
+  <link rel="stylesheet" href="../../assets/css/styles.css">
+  <script type="text/javascript" src="../../../../../dist/js/splide.js"></script>
+
+  <style>
+    body {
+      /*margin: 50em 0;*/
+      height: initial;
+    }
+
+    .splide {
+      visibility: visible !important;
+    }
+
+    .wrapper {
+      height: 400px;
+      overflow: hidden;
+    }
+  </style>
+</head>
+<body>
+
+<div class="wrapper">
+  <?php render(); ?>
+  aa
+</div>
+
+<script>
+  setTimeout( () => {
+    var splide = new Splide( '#splide01', {
+      type   : 'loop',
+      perPage: 3,
+      perMove: 1,
+      gap    : '1.5rem',
+      // height : 300,
+      // cover  : true,
+      classes: {
+        arrows: 'splide__arrows splide__test',
+        clone : 'splide__clone splide__test',
+      }
+    } );
+
+    splide.mount();
+  }, 0 )
+</script>
+
+</body>
+</html>

+ 0 - 4
src/js/test/php/examples/default.php

@@ -54,9 +54,5 @@ $settings = get_settings();
 
 <?php render(); ?>
 
-<div aria-hidden="true">
-  <input>
-</div>
-
 </body>
 </html>

Einige Dateien werden nicht angezeigt, da zu viele Dateien in diesem Diff geändert wurden.