Ensure space between input and errors. Always trigger change and block at the validation level

Author: garrettmflynn

src/renderer/src/stories/JSONSchemaInput.js

@@ -166,21 +166,22 @@ export class JSONSchemaInput extends LitElement {
     updated() {
         const el = this.getElement();
         if (el) {
-            if (this.validateEmptyValue || (el.value ?? el.checked) !== "") el.dispatchEvent(new Event("change"));
+            el.dispatchEvent(new Event("change"));
         }
     }
 
     render() {
         const { info } = this;
 
         const input = this.#render();
+
         return html`
             ${input}
+            <p class="guided--text-input-instructions">
             ${info.description
-                ? html`<p class="guided--text-input-instructions">
-                      ${unsafeHTML(capitalize(info.description))}${info.description.slice(-1)[0] === "." ? "" : "."}
-                  </p>`
+                ? html`${unsafeHTML(capitalize(info.description))}${info.description.slice(-1)[0] === "." ? "" : "."}`
                 : ""}
+            </p>
         `;
     }