fix: container selectors not used

Draggable · Jun 19, 2019 · 73abb52 · 73abb52
1 parent 127fe13
commit 73abb52
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/demo/js/options/index.js b/src/demo/js/options/index.js
@@ -4,7 +4,7 @@ import config from './config'
 import { devPrefix } from '../../../../tools/build-vars'
 
 const editorContainer = document.querySelector('.build-form')
-const renderContainer = document.querySelector('.render-form')
+const renderContainer = '.render-form'
 
 export const editorOptions = {
   editorContainer,

diff --git a/src/js/renderer.js b/src/js/renderer.js
@@ -5,9 +5,11 @@ import { STAGE_CLASSNAME, UUID_REGEXP } from './constants'
 
 const RENDER_PREFIX = 'f-'
 
-const processOptions = ({ container, ...opts }) => {
+const processOptions = ({ editorContainer, renderContainer, ...opts }) => {
+  const containerLookup = container => (typeof container === 'string' ? document.querySelector(container) : container)
   const processedOptions = {
-    container: typeof container === 'string' ? document.querySelector(container) : container,
+    renderContainer: containerLookup(renderContainer),
+    editorContainer: containerLookup(editorContainer),
   }
 
   return Object.assign({}, opts, processedOptions)