simp-select 1.0.17 → 1.0.19

package/docs/style.css

@@ -0,0 +1,29 @@
+.container {
+	max-width: 800px;
+	margin: 50px auto;
+}
+.items {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	gap: 10px;
+	margin: 20px auto;
+}
+.item {
+	display: block;
+	width: 350px;
+}
+.item_full {
+	display: block;
+	width: 700px;
+}
+
+.code {
+	padding: 10px;
+	background-color: #c7c7c7;
+}
+
+.description {
+	font-size: 18px;
+	font-weight: bold;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "simp-select",
-	"version": "1.0.17",
+	"version": "1.0.19",
 	"description": "simp-select - this plugin replaces the select",
 	"main": "dist/simpleSelect.js",
 	"types": "dist/simpleSelect.d.ts",

package/src/const/simpleSelection.const.ts

@@ -7,7 +7,7 @@ export const simpleSelectLocale: ISimpleSelectLocale = {
   selected: 'Selected:',
   all: 'all',
   ok: 'Ok',
-  cansel: 'Cansel',
+  cancel: 'Cancel',
   selectAll: 'Select all',
   resetAll: 'Reset all',
 };

package/src/simpleSelectItemDOM.ts

@@ -215,8 +215,14 @@ export class SimpleSelectItemDOM {
       const cls = getClass('float', true);
       if (val) {
         this.elemWrap.classList.add(cls);
+        if (!document.body.classList.contains(this.bodyOpenClass) && this.state.getState('isOpen')) {
+          document.body.classList.add(this.bodyOpenClass);
+        }
       } else {
         this.elemWrap.classList.remove(cls);
+        if (document.body.classList.contains(this.bodyOpenClass)) {
+          document.body.classList.remove(this.bodyOpenClass);
+        }
       }
     });
   }
@@ -391,7 +397,7 @@ export class SimpleSelectItemDOM {
     this.confirmWrap.appendChild(this.confirmNo);
 
     this.confirmOk.innerHTML = this.options.locale.ok;
-    this.confirmNo.innerHTML = this.options.locale.cansel;
+    this.confirmNo.innerHTML = this.options.locale.cancel;
 
     this.confirmOk.className = `${classesItem} ${getClass('ok', true, classesItem)}`;
     this.confirmNo.className = `${classesItem} ${getClass('no', true, classesItem)}`;

package/src/style.css

@@ -57,6 +57,7 @@
 	right: 0;
 	width: 100%;
 	height: 100%;
+	font-size: 0;
 	/*z-index: 2;*/
 	box-sizing: border-box;
 }

package/src/types/simpleSelect.types.ts

@@ -7,7 +7,7 @@ export interface ISimpleSelectLocale {
   selected: string;
   all: string;
   ok: string;
-  cansel: string;
+  cancel: string;
 
   resetAll: string;
   selectAll: string;