cm-chessboard 8.0.0 → 8.0.1

package/README.md

@@ -88,26 +88,25 @@ Below is the default configuration
 
 ```javascript
 this.props = {
-  position: FEN.empty, // set position as fen, use FEN.start or FEN.empty as shortcuts
-  orientation: COLOR.white, // white on bottom
-  responsive: true, // resize the board automatically to the size of the context element
-  language: navigator.language.substring(0, 2).toLowerCase(), // supports "de" and "en" for now, used for pieces naming
-  assetsUrl: "./assets/", // put all css and sprites in this folder, will be ignored for absolute urls of assets files
-  assetsCache: true, // cache sprites
-  style: {
-    cssClass: "default", // set the css theme of the board, try "green", "blue" or "chess-club"
-    showCoordinates: true, // show ranks and files
-    borderType: BORDER_TYPE.none, // "thin" thin border, "frame" wide border with coordinates in it, "none" no border
-    aspectRatio: 1, // height/width of the board
-    pieces: {
-      type: PIECES_FILE_TYPE.svgSprite, // pieces are in an SVG sprite, no other type supported for now
-      file: "pieces/standard.svg", // the filename of the sprite in `assets/pieces/` or an absolute url like `https://…` or `/…`
-      tileSize: 40 // the tile size in the sprite
+    position: FEN.empty, // set position as fen, use FEN.start or FEN.empty as shortcuts
+    orientation: COLOR.white, // white on bottom
+    responsive: true, // resize the board automatically to the size of the context element
+    language: navigator.language.substring(0, 2).toLowerCase(), // supports "de" and "en" for now, used for pieces naming
+    assetsUrl: "./assets/", // put all css and sprites in this folder, will be ignored for absolute urls of assets files
+    assetsCache: true, // cache sprites
+    style: {
+        cssClass: "default", // set the css theme of the board, try "green", "blue" or "chess-club"
+        showCoordinates: true, // show ranks and files
+        borderType: BORDER_TYPE.none, // "thin" thin border, "frame" wide border with coordinates in it, "none" no border
+        aspectRatio: 1, // height/width of the board
+        pieces: {
+            type: PIECES_FILE_TYPE.svgSprite, // pieces are in an SVG sprite, no other type supported for now
+            file: "pieces/standard.svg", // the filename of the sprite in `assets/pieces/` or an absolute url like `https://…` or `/…`
+            tileSize: 40 // the tile size in the sprite
+        },
+        animationDuration: 300 // pieces animation duration in milliseconds. Disable all animations with `0`
     },
-    // pieces animation duration in milliseconds. Disable all animations with `0`. Respects the operating system settings for reduced motion.
-    animationDuration: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : 300
-  },
-  extensions: [ /* {class: ExtensionClass, props: { ... }} */] // add extensions here
+    extensions: [ /* {class: ExtensionClass, props: { ... }} */] // add extensions here
 }
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cm-chessboard",
-  "version": "8.0.0",
+  "version": "8.0.1",
   "description": "A JavaScript chessboard which is lightweight, ES6 module based, responsive, SVG rendered and without dependencies.",
   "keywords": [
     "chess",

package/src/Chessboard.js

@@ -70,8 +70,7 @@ export class Chessboard {
                     file: "pieces/standard.svg", // the filename of the sprite in `assets/pieces/` or an absolute url like `https://…` or `/…`
                     tileSize: 40 // the tile size in the sprite
                 },
-                // pieces animation duration in milliseconds. Disable all animations with `0`. Respects the operating system settings for reduced motion.
-                animationDuration: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : 300
+                animationDuration: 300 // pieces animation duration in milliseconds. Disable all animations with `0`
             },
             extensions: [ /* {class: ExtensionClass, props: { ... }} */] // add extensions here
         }

package/src/view/ChessboardView.js

@@ -127,7 +127,7 @@ export class ChessboardView {
             this.redrawBoard()
             this.redrawPieces()
         }
-        this.svg.setAttribute("width", "100%") // safari bugfix
+        this.svg.setAttribute("width", "100%")
         this.svg.setAttribute("height", "100%")
     }
 

package/src/view/VisualMoveInput.js

@@ -244,6 +244,7 @@ export class VisualMoveInput {
         }
         if(e.type === "mousedown") { // another try to prevent strange safari desktop select all bug
             e.preventDefault()
+            e.stopPropagation()
         }
         const square = e.target.getAttribute("data-square")
         if (!square) { // pointer on square
@@ -317,6 +318,7 @@ export class VisualMoveInput {
             pageY = e.pageY
             target = e.target
             e.preventDefault() // trying to prevent strange safari desktop bug, selecting the whole page on drag
+            e.stopPropagation()
         } else if (e.type === "touchmove") {
             clientX = e.touches[0].clientX
             clientY = e.touches[0].clientY