@pageboard/html 0.17.2 → 0.17.4

package/package.json

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

package/ui/form.css

@@ -50,6 +50,7 @@ element-select.active.ui.dropdown .menu {
 .ui.form .inline.fields {
 	align-items: end;
 	margin:0;
+	flex-wrap: wrap;
 }
 
 .ui.form[method="post"].unsaved button[type="submit"] {

package/ui/form.js

@@ -82,8 +82,14 @@ class HTMLElementForm extends Page.create(HTMLFormElement) {
 				if (this.hidden) toggles.push(submit);
 				state.vars.submit = true;
 			}
+			// these are merged after the fact, so merge now to collect state.vars
+			for (const n of [200, 400, 401, 403, 404, 500]) {
+				const attr = this.getRedirect(n);
+				if (attr) Page.parse(attr).fuse({}, state.scope);
+			}
+
 			const actionLoc = Page.parse(this.getAttribute('action'));
-			Object.assign(actionLoc.query, state.templatesQuery(this));
+			Object.assign(actionLoc.query, state.templatesQuery(this.getAttribute('parameters')));
 			this.setAttribute('action', Page.format(actionLoc));
 			this.restore(state.scope);
 		} else {

package/ui/image.js

@@ -96,7 +96,7 @@ const HTMLElementImageConstructor = Superclass => class extends Superclass {
 		return this.image?.currentSrc;
 	}
 
-	requestSrc(srcLoc) {
+	requestSrc(srcLoc, self) {
 		const { crop, fit } = this;
 		const { w, h } = this.dimensions;
 		const r = {};
@@ -105,7 +105,10 @@ const HTMLElementImageConstructor = Superclass => class extends Superclass {
 				r.width = w;
 				r.height = h;
 			} else {
-				const { clientWidth, clientHeight } = this.offsetParent ?? {};
+				const {
+					clientWidth,
+					clientHeight
+				} = self ? this : (this.offsetParent ?? {});
 				r.width = clientWidth;
 				r.height = clientHeight;
 			}

package/ui/layout.js

@@ -15,7 +15,7 @@ class HTMLElementLayout extends Page.create(HTMLDivElement) {
 			return;
 		}
 		const srcLoc = Page.parse(this.options.src);
-		const reqSrc = this.requestSrc(srcLoc);
+		const reqSrc = this.requestSrc(srcLoc, true);
 		if (!reqSrc) {
 			this.style.backgroundImage = '';
 		} else if (reqSrc != this.currentSrc) {