From 4b191c5e393960bd29fbc186ac00fb1baa026a70 Mon Sep 17 00:00:00 2001 From: David Tsay 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; + } } } };