Merge pull request #572 from SVG-Edit/update-dependencies

Fix #557 and Update dependencies

package.json

@@ -95,9 +95,9 @@
     "@babel/polyfill": "7.12.1",
     "@web/dev-server-rollup": "0.3.4",
     "canvg": "3.0.7",
-    "core-js": "3.12.1",
+    "core-js": "3.14.0",
     "elix": "15.0.0",
-    "i18next": "20.3.0",
+    "i18next": "20.3.1",
     "jspdf": "2.3.1",
     "pathseg": "1.2.0",
     "regenerator-runtime": "0.13.7",
@@ -106,10 +106,10 @@
   },
   "devDependencies": {
     "@babel/core": "7.14.3",
-    "@babel/preset-env": "7.14.2",
+    "@babel/preset-env": "7.14.4",
     "@babel/register": "7.13.16",
     "@babel/runtime-corejs3": "7.14.0",
-    "@cypress/code-coverage": "3.9.5",
+    "@cypress/code-coverage": "3.9.6",
     "@cypress/fiddle": "1.19.2",
     "@fintechstudios/eslint-plugin-chai-as-promised": "3.1.0",
     "@hkdobrev/run-if-changed": "0.3.1",
@@ -117,23 +117,23 @@
     "@rollup/plugin-babel": "5.3.0",
     "@rollup/plugin-commonjs": "18.0.0",
     "@rollup/plugin-dynamic-import-vars": "1.1.1",
-    "@rollup/plugin-node-resolve": "11.2.1",
+    "@rollup/plugin-node-resolve": "13.0.0",
     "@rollup/plugin-replace": "2.4.2",
     "@rollup/plugin-url": "6.0.0",
     "@web/dev-server": "0.1.17",
-    "axe-core": "4.2.1",
+    "axe-core": "4.2.2",
     "babel-plugin-transform-object-rest-spread": "7.0.0-beta.3",
     "copyfiles": "2.4.1",
-    "core-js-bundle": "3.12.1",
+    "core-js-bundle": "3.14.0",
     "coveradge": "0.6.0",
     "cp-cli": "2.0.0",
     "cross-var": "1.1.0",
-    "cypress": "7.3.0",
+    "cypress": "7.4.0",
     "cypress-axe": "0.12.2",
     "cypress-multi-reporters": "1.5.0",
     "cypress-plugin-snapshots": "1.4.4",
-    "eslint": "7.27.0",
-    "eslint-config-standard": "16.0.2",
+    "eslint": "7.28.0",
+    "eslint-config-standard": "16.0.3",
     "eslint-plugin-array-func": "3.1.7",
     "eslint-plugin-chai-expect": "2.2.0",
     "eslint-plugin-chai-expect-keywords": "2.1.0",
@@ -142,10 +142,10 @@
     "eslint-plugin-cypress": "2.11.3",
     "eslint-plugin-eslint-comments": "3.2.0",
     "eslint-plugin-html": "^6.1.2",
-    "eslint-plugin-import": "2.23.3",
-    "eslint-plugin-jsdoc": "34.8.2",
-    "eslint-plugin-markdown": "^2.1.0",
-    "eslint-plugin-mocha": "8.1.0",
+    "eslint-plugin-import": "2.23.4",
+    "eslint-plugin-jsdoc": "35.1.2",
+    "eslint-plugin-markdown": "^2.2.0",
+    "eslint-plugin-mocha": "9.0.0",
     "eslint-plugin-mocha-cleanup": "1.9.1",
     "eslint-plugin-no-unsanitized": "^3.1.5",
     "eslint-plugin-no-use-extend-native": "0.5.0",
@@ -153,7 +153,7 @@
     "eslint-plugin-promise": "^5.1.0",
     "eslint-plugin-sonarjs": "^0.7.0",
     "eslint-plugin-standard": "4.1.0",
-    "eslint-plugin-unicorn": "32.0.1",
+    "eslint-plugin-unicorn": "33.0.1",
     "imageoptim-cli": "3.0.2",
     "jamilih": "0.54.0",
     "jsdoc": "3.6.7",
@@ -173,7 +173,7 @@
     "remark-lint-ordered-list-marker-value": "2.0.1",
     "requirejs": "2.3.6",
     "rimraf": "3.0.2",
-    "rollup": "2.48.0",
+    "rollup": "2.50.6",
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-filesize": "9.1.1",
     "rollup-plugin-node-polyfills": "0.2.1",
@@ -181,9 +181,9 @@
     "rollup-plugin-re": "1.0.7",
     "rollup-plugin-terser": "7.0.2",
     "stackblur-canvas": "2.5.0",
-    "start-server-and-test": "^1.12.2",
+    "start-server-and-test": "^1.12.4",
     "systemjs": "6.9.0",
-    "typescript": "4.2.4",
+    "typescript": "4.3.2",
     "underscore": "1.13.1"
   }
 }

src/editor/components/seList.js

@@ -125,7 +125,6 @@ export class SeList extends HTMLElement {
   connectedCallback () {
     const currentObj = this;
     this.$dropdown.addEventListener('selectedindexchange', (e) => {
-      e.preventDefault();
       if (e?.detail?.selectedIndex !== undefined) {
         const value = this.$dropdown.selectedItem.getAttribute('value');
         const closeEvent = new CustomEvent('change', { detail: { value } });
@@ -133,6 +132,12 @@ export class SeList extends HTMLElement {
         currentObj.value = value;
       }
     });
+    this.$dropdown.addEventListener('close', (_e) => {
+      /** @todo: with Chrome, selectedindexchange does not fire consistently
+      * unless you forec change in this close event
+      */
+      this.$dropdown.selectedIndex = this.$dropdown.currentIndex;
+    });
   }
 }
 

src/editor/components/sePalette.js

@@ -54,7 +54,7 @@ template.innerHTML = `
       overflow-x: scroll;
       padding: 0 5px;
       margin-top: 2px;
-      height: 30px;
+      height: 22px;
     }
   } 
   @media screen and (max-width:1250px) {
@@ -63,7 +63,7 @@ template.innerHTML = `
       overflow-x: scroll;
       padding: 0 5px;
       margin-top: 2px;
-      height: 30px;
+      height: 22px;
     }
   }
   @media screen and (max-width:540px) {
@@ -72,7 +72,7 @@ template.innerHTML = `
       overflow-x: scroll;
       padding: 0 5px;
       margin-top: 32px;
-      height: 30px;
+      height: 22px;
     }
   }   
   </style>