Set a type attribute of pagination and arrows to "button", which prevents them from submitting a form(#12).

build/banner.js

@@ -4,5 +4,5 @@ module.exports = `/*!
  * Splide.js
  * Version  : ${ info.version }
  * License  : ${ info.license }
- * Copyright: 2019 ${ info.author }
+ * Copyright: 2020 ${ info.author }
  */`;

dist/js/splide.js

@@ -1,8 +1,8 @@
 /*!
  * Splide.js
- * Version  : 2.2.0
+ * Version  : 2.2.3
  * License  : MIT
- * Copyright: 2019 Naotoshi Fujita
+ * Copyright: 2020 Naotoshi Fujita
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -105,7 +105,13 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+// ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "default", function() { return /* binding */ module_Splide; });
+
+// NAMESPACE OBJECT: ./src/js/constants/states.js
 var states_namespaceObject = {};
 __webpack_require__.r(states_namespaceObject);
 __webpack_require__.d(states_namespaceObject, "CREATED", function() { return CREATED; });
@@ -1430,9 +1436,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
  * providing some APIs to control the behavior.
  */
 
-var splide_Splide =
-/*#__PURE__*/
-function () {
+var splide_Splide = /*#__PURE__*/function () {
   /**
    * Splide constructor.
    *
@@ -4581,7 +4585,7 @@ var SIZE = 40;
 
 
   function createArrow(prev) {
-    var arrow = "<button class=\"" + classes.arrow + " " + (prev ? classes.prev : classes.next) + "\">" + ("<svg xmlns=\"" + XML_NAME_SPACE + "\"\tviewBox=\"0 0 " + SIZE + " " + SIZE + "\"\twidth=\"" + SIZE + "\"\theight=\"" + SIZE + "\">") + ("<path d=\"" + (Splide.options.arrowPath || PATH) + "\" />");
+    var arrow = "<button class=\"" + classes.arrow + " " + (prev ? classes.prev : classes.next) + "\" type=\"button\">" + ("<svg xmlns=\"" + XML_NAME_SPACE + "\"\tviewBox=\"0 0 " + SIZE + " " + SIZE + "\"\twidth=\"" + SIZE + "\"\theight=\"" + SIZE + "\">") + ("<path d=\"" + (Splide.options.arrowPath || PATH) + "\" />");
     return domify(arrow);
   }
 
@@ -4763,7 +4767,8 @@ var UPDATE_EVENT = 'updated.page refresh.page';
     }).map(function (Slide, page) {
       var li = create('li', {});
       var button = create('button', {
-        "class": classes.page
+        "class": classes.page,
+        type: 'button'
       });
       append(li, button);
       append(list, li);
@@ -5709,7 +5714,16 @@ var LIGHT = {
   A11y: a11y
 };
 // CONCATENATED MODULE: ./build/module/module.js
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return module_Splide; });
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
 /**
@@ -5724,11 +5738,11 @@ function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.crea
  * Export Splide class for import from other projects.
  */
 
-var module_Splide =
-/*#__PURE__*/
-function (_Core) {
+var module_Splide = /*#__PURE__*/function (_Core) {
   _inheritsLoose(Splide, _Core);
 
+  var _super = _createSuper(Splide);
+
   function Splide(root, options) {
     return _Core.call(this, root, options, COMPLETE) || this;
   }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splidejs/splide",
-  "version": "2.2.1",
+  "version": "2.2.3",
   "description": "Splide is a lightweight and powerful slider without any dependencies.",
   "author": "Naotoshi Fujita",
   "license": "MIT",
@@ -22,11 +22,11 @@
     "url": "https://github.com/Splidejs/splide/issues"
   },
   "devDependencies": {
-    "@babel/core": "^7.8.4",
-    "@babel/preset-env": "^7.8.4",
-    "autoprefixer": "^9.7.4",
+    "@babel/core": "^7.9.0",
+    "@babel/preset-env": "^7.9.0",
+    "autoprefixer": "^9.7.5",
     "babel-jest": "^25.1.0",
-    "babel-loader": "^8.0.6",
+    "babel-loader": "^8.1.0",
     "cssnano": "^4.1.10",
     "gulp": "^4.0.2",
     "gulp-concat": "^2.6.1",
@@ -40,9 +40,9 @@
     "gulp-uglify": "^3.0.2",
     "jest": "^25.1.0",
     "merge-stream": "^2.0.0",
-    "serialize-javascript": "^2.1.2",
+    "serialize-javascript": "^3.0.0",
     "uglifyjs-webpack-plugin": "^2.2.0",
-    "webpack": "^4.41.5",
+    "webpack": "^4.42.1",
     "webpack-stream": "^5.2.1"
   },
   "scripts": {

src/js/components/arrows/index.js

@@ -174,7 +174,7 @@ export default ( Splide, Components, name ) => {
 	 * @return {Element} - A created arrow element.
 	 */
 	function createArrow( prev ) {
-		const arrow = `<button class="${ classes.arrow } ${ prev ? classes.prev : classes.next }">`
+		const arrow = `<button class="${ classes.arrow } ${ prev ? classes.prev : classes.next }" type="button">`
 			+	`<svg xmlns="${ XML_NAME_SPACE }"	viewBox="0 0 ${ SIZE } ${ SIZE }"	width="${ SIZE }"	height="${ SIZE }">`
 			+ `<path d="${ Splide.options.arrowPath || PATH }" />`;
 

src/js/components/pagination/index.js

@@ -172,7 +172,7 @@ export default ( Splide, Components, name ) => {
 			.filter( Slide => options.focus !== false || Slide.index % options.perPage === 0 )
 			.map( ( Slide, page ) => {
 				const li     = create( 'li', {} );
-				const button = create( 'button', { class: classes.page } );
+				const button = create( 'button', { class: classes.page, type: 'button' } );
 
 				append( li, button );
 				append( list, li );