From 4b191c5e393960bd29fbc186ac00fb1baa026a70 Mon Sep 17 00:00:00 2001
From: David Tsay <david.e.tsay@nasa.gov>
Date: Wed, 9 Jun 2021 16:04:28 -0700
Subject: [PATCH] check if there is an element to style

---
 src/ui/components/ObjectView.vue | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/ui/components/ObjectView.vue b/src/ui/components/ObjectView.vue
index cfa7e14a56..042e130a05 100644
--- a/src/ui/components/ObjectView.vue
+++ b/src/ui/components/ObjectView.vue
@@ -124,6 +124,10 @@ export default {
                 styleReceiver = this.$el.querySelector(':first-child');
             }
 
+            if (styleReceiver === null) {
+                styleReceiver = undefined;
+            }
+
             return styleReceiver;
         },
         invokeEditModeHandler(editMode) {
@@ -142,12 +146,13 @@ export default {
             this.updateView(true);
         },
         updateStyle(styleObj) {
-            if (!styleObj) {
+            let elemToStyle = this.getStyleReceiver();
+
+            if (!styleObj || elemToStyle === undefined) {
                 return;
             }
 
             let keys = Object.keys(styleObj);
-            let elemToStyle = this.getStyleReceiver();
 
             keys.forEach(key => {
                 if (elemToStyle) {
@@ -373,11 +378,17 @@ export default {
         },
         setFontSize(newSize) {
             let elemToStyle = this.getStyleReceiver();
-            elemToStyle.dataset.fontSize = newSize;
+
+            if (elemToStyle !== undefined) {
+                elemToStyle.dataset.fontSize = newSize;
+            }
         },
         setFont(newFont) {
             let elemToStyle = this.getStyleReceiver();
-            elemToStyle.dataset.font = newFont;
+
+            if (elemToStyle !== undefined) {
+                elemToStyle.dataset.font = newFont;
+            }
         }
     }
 };