@pageboard/html 0.13.3 → 0.13.5

package/elements/layout.js

@@ -137,6 +137,35 @@ exports.layout = {
 				}
 			}
 		},
+		padding: {
+			title: 'Padding',
+			type: 'object',
+			nullable: true,
+			properties: {
+				inline: {
+					title: 'Inline (em)',
+					type: 'number',
+					default: 0,
+					minimum: 0,
+					multipleOf: 0.1,
+					nullable: true
+				},
+				inlineUnits: {
+					const: 'em'
+				},
+				block: {
+					title: 'Block (rem)',
+					type: 'number',
+					default: 0,
+					minimum: 0,
+					multipleOf: 0.1,
+					nullable: true
+				},
+				blockUnits: {
+					const: 'rem'
+				}
+			}
+		},
 		background: {
 			title: 'Background',
 			type: 'object',
@@ -314,6 +343,8 @@ exports.layout = {
 		data-crop="[background.crop.x];[background.crop.y];[background.crop.width];[background.crop.height];[background.crop.zoom]"
 		style-margin-block="[margins.block|fail:][margins.blockUnits]"
 		style-margin-inline="[margins.inline|fail:][margins.inlineUnits]"
+		style-padding-block="[padding.block|fail:][padding.blockUnits]"
+		style-padding-inline="[padding.inline|fail:][padding.inlineUnits]"
 		style-height="[height|fail:][heightUnits]"
 		style-background-color="[background.color]"
 		style-background-size="[background.size]"

package/package.json

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

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;
 }

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":
@@ -192,7 +191,7 @@ class HTMLElementForm extends Page.create(HTMLFormElement) {
 						}
 					}
 					break;
-				case "checkbox":		
+				case "checkbox":
 					if (withDefaults) {
 						if (query[name] === undefined) {
 							query[name] = null;
@@ -338,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(