feat: Fixed RenderToBody wrong attribute name

myxvisual · Aug 10, 2017 · e4abeb0 · e4abeb0
1 parent e9bda35
commit e4abeb0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/docs/src/routes/Home/components/Categories.tsx b/docs/src/routes/Home/components/Categories.tsx
@@ -109,9 +109,7 @@ function getStyles(categories: Categories): {
   const { prefixStyle } = theme;
 
   return {
-    root: prefixStyle({
-      ...style
-    }),
+    root: prefixStyle(style),
     categories: prefixStyle({
       width: renderContentWidth,
       display: "flex",

diff --git a/src/RenderToBody.tsx b/src/RenderToBody.tsx
@@ -11,7 +11,8 @@ export default class RenderToBody extends React.Component<RenderToBodyProps> {
   rootElm = document.createElement("div");
   componentDidMount() {
     const { style, className } = this.props;
-    Object.assign(this.rootElm, className ? { style, className } : { style });
+    Object.assign(this.rootElm.style, style);
+    if (className) this.rootElm.setAttribute("class", className);
 
     document.body.appendChild(this.rootElm);
     this.renderComponent();
@@ -20,7 +21,8 @@ export default class RenderToBody extends React.Component<RenderToBodyProps> {
   componentDidUpdate() {
     this.renderComponent();
     const { style, className } = this.props;
-    Object.assign(this.rootElm, className ? { style, className } : { style });
+    Object.assign(this.rootElm.style, style);
+    if (className) this.rootElm.setAttribute("class", className);
   }
 
   componentWillUnmount() {