Merge pull request #109 from CanopyTax/placeholder-fix

Only update placeholder style if stylesheet is found
CanopyTax · Mar 23, 2022 · d4feea2 · d4feea2
2 parents 95c7392 + 4d41659
commit d4feea2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bandicoot",
-  "version": "4.5.1",
+  "version": "4.5.2",
   "description": "React rich text editor",
   "main": "dist/bandicoot.umd.js",
   "module": "dist/bandicoot.esm.js",

diff --git a/src/rich-text-editor.component.js b/src/rich-text-editor.component.js
@@ -160,10 +160,12 @@ export const RichTextEditor = forwardRef((props, editorRef) => {
       document.head.appendChild(styleElement)
 
       const styleSheet = Array.prototype.slice.call(document.styleSheets).find(s => s.ownerNode === styleElement)
-      const styleDeclaration = styleSheet.cssRules[0].style
-      const styles = props.placeholderStyle ? props.placeholderStyle : getDefaultPlaceholderStyles()
-      for (let propName in styles) {
-        styleDeclaration[propName] = props.placeholderStyle ? props.placeholderStyle[propName] : styles[propName]
+      if (styleSheet) {
+        const styleDeclaration = styleSheet.cssRules[0].style
+        const styles = props.placeholderStyle ? props.placeholderStyle : getDefaultPlaceholderStyles()
+        for (let propName in styles) {
+          styleDeclaration[propName] = props.placeholderStyle ? props.placeholderStyle[propName] : styles[propName]
+        }
       }
 
       return () => styleElement.parentNode.removeChild(styleElement)