Merge pull request #424 from Dyalog/background-subform-fix

Zilde explicitly clears all BCol setting

Author: cursork

dist/assets/index-DSeG0Z-z.js dist/assets/index-BYTtJA2H.jsdist/assets/index-DSeG0Z-z.js renamed to dist/assets/index-BYTtJA2H.js

@@ -108,6 +108,14 @@ const SubForm = ({ data }) => {
   const inheritedSize = inheritedProperty(data, "Size", ["Form", "SubForm"]);
   const inheritedBCol = inheritedProperty(data, "BCol", ["Form", "SubForm"]);
 
+  // Zilde is no background, otherwise inherited, otherwise default
+  let background;
+  if (Array.isArray(inheritedBCol) && inheritedBCol.length === 0) {
+    background = undefined;
+  } else {
+    background = rgbColor(inheritedBCol) || "#F0F0F0"
+  }
+
   return (
     <div
       id={data.ID}
@@ -118,7 +126,7 @@ const SubForm = ({ data }) => {
             : data?.Properties.hasOwnProperty("Flex")
             ? "flex"
             : "block",
-        background: rgbColor(inheritedBCol) || "#F0F0F0",
+        background: background,
         // Must have a z-index, this is important
         zIndex: data.Properties?.ZIndex || 0,
         ...updatedStyles,

dist/index.html

@@ -6,6 +6,7 @@ export default defineConfig({
   plugins: [react()],
   build: {
 		// minify: false,
+		target: 'es2022',
 		rollupOptions: {
 			output: {
 				manualChunks: () => 'index',