@pageboard/html 0.13.2 → 0.13.4

package/elements/inputs.js

@@ -73,7 +73,7 @@ exports.input_fields = {
 			default: false
 		}
 	},
-	contents: "input_field+",
+	contents: "input_field*",
 	html: `<div class="[inline] [full|alt:fluid:] fields"></div>`
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageboard/html",
-  "version": "0.13.2",
+  "version": "0.13.4",
   "description": "",
   "main": "index.js",
   "repository": {

package/ui/fieldset-list.js

@@ -162,7 +162,7 @@ class HTMLElementFieldsetList extends Page.Element {
 			}
 		}
 
-		const subtpl = inputs.ancestor();
+		const subtpl = inputs.map(node => node.closest('.fields') ?? node).ancestor();
 		if (!subtpl) {
 			console.warn("fieldset-list should contain input[name]", this);
 			return;

package/ui/form.css

@@ -19,6 +19,10 @@ element-select {
 	z-index:1; /* or else dropdown menu goes under what's next */
 }
 
+.inline.fields element-select {
+	vertical-align: middle;
+}
+
 [contenteditable] .ui.form .field.hidden {
 	display: block !important;
 }
@@ -45,3 +49,7 @@ element-select {
 	display: block !important;
 	opacity:0.5;
 }
+
+.ui.form .field :disabled {
+	pointer-events:initial;
+}

package/ui/form.js

@@ -175,8 +175,7 @@ class HTMLElementForm extends Page.create(HTMLFormElement) {
 			let val = node.value;
 			if (val == "") val = null;
 			let defVal = node.defaultValue;
-			if (defVal == "") defVal = null;
-			else if (type == "select-one" && defVal === undefined) defVal = null;
+			if (defVal === "" || defVal === undefined) defVal = null;
 
 			switch (type) {
 				case "file":
@@ -193,10 +192,12 @@ class HTMLElementForm extends Page.create(HTMLFormElement) {
 					}
 					break;
 				case "checkbox":
-					if (!withDefaults) {
-						if (!(name in query)) {
-							query[name] = undefined;
+					if (withDefaults) {
+						if (query[name] === undefined) {
+							query[name] = null;
 						}
+					} else if (!query[name]) {
+						query[name] = node.required ? null : undefined;
 					}
 					break;
 				case "hidden":
@@ -336,8 +337,9 @@ class HTMLElementForm extends Page.create(HTMLFormElement) {
 		this.toggleMessages(status);
 	}
 	async postMethod(e, state) {
-		if (e.type != "submit") return;
 		const form = this;
+		if (e.type != "submit" && form.elements.find(item => item.type == "submit")) return;
+		
 		form.classList.add('loading');
 
 		await Promise.all(