more logic so that backgroundColor style does not get erased when setting text-color in UE

Author: joannehoazadobe

blocks/columns/columns.js

@@ -13,17 +13,18 @@ export default function decorate(block) {
   // for UE as value needs to be saved in different element due to having to walk the DOM tree to set the values
   const columnsChild = block.querySelector('div');
   const ueBkgdColorAttr = columnsChild?.getAttribute('data-background-color');
-  console.log('7 bkgdColorAttr in columns row UE: ', ueBkgdColorAttr);
+  console.log('8 bkgdColorAttr in columns row UE: ', ueBkgdColorAttr);
 
   const ueTextColorAttr = columnsChild?.getAttribute('data-text-color');
-  console.log('7 textColorAttr in columns row UE: ', ueTextColorAttr);
+  console.log('8 textColorAttr in columns row UE: ', ueTextColorAttr);
 
-  if (ueBkgdColorAttr && ueBkgdColorAttr != null && (!block.style.backgroundColor || block.style.backgroundColor == 'white')) {
+  if (ueBkgdColorAttr && ueBkgdColorAttr !== null && (!block.style.backgroundColor || block.style.backgroundColor == 'white')) {
+    console.log('8, passing definition test: ', ueBkgdColorAttr, " passing null test: ", ueBkgdColorAttr !== null);
     block.style.backgroundColor = ueBkgdColorAttr;
   } else {
     block.style.backgroundColor = currentBkgdColor;
   }
-  console.log('7 block.style.backgroundColor: ', block.style.backgroundColor);
+  console.log('8 block.style.backgroundColor: ', block.style.backgroundColor);
   if (ueTextColorAttr && ueTextColorAttr != null && !block.style.color) block.style.color = ueTextColorAttr;
 
   const cols = [...block.firstElementChild.children];