shouldReset → resetStyles

Author: ngryman

src/ElementPortal.js

@@ -10,9 +10,9 @@ const noop = () => {};
 const ElementPortal = createReactClass({
   propTypes: {
     selector: PropTypes.string,
+    component: PropTypes.func,
     mapDomNodeToProps: PropTypes.func,
-    shouldReset: PropTypes.bool,
-    component: PropTypes.func
+    resetStyle: PropTypes.bool
   },
 
   componentDidMount() {
@@ -36,8 +36,8 @@ const ElementPortal = createReactClass({
   renderNode(node) {
     const mapDomNodeToProps = this.props.mapDomNodeToProps || noop;
 
-    if (this.props.shouldReset) {
-      node.className = '';
+    if (this.props.resetStyle) {
+      node.removeAttribute('class');
       node.removeAttribute('style');
     }
 

src/withElementPortal.js

@@ -6,13 +6,13 @@ function getDisplayName(Component) {
 }
 
 const withElementPortal = (Child) => {
-  const Portal = ({ selector, shouldReset, mapDomNodeToProps, ...childProps }) => {
+  const Portal = ({ selector, resetStyle, mapDomNodeToProps, ...childProps }) => {
     const ChildWrapper = (props) => <Child {...childProps} {...props} />;
     return <ElementPortal
       selector={selector}
-      mapDomNodeToProps={mapDomNodeToProps}
-      shouldReset={shouldReset}
       component={ChildWrapper}
+      mapDomNodeToProps={mapDomNodeToProps}
+      resetStyle={resetStyle}
     />;
   };
 

test/ElementPortal.js

@@ -127,7 +127,7 @@ test('erases classes and styles', t => {
   const Greeting = () => (<div>Hello</div>);
   render(
     <div>
-      <ElementPortal selector={`#${headerId}`} shouldReset>
+      <ElementPortal selector={`#${headerId}`} resetStyle>
         <Greeting/>
       </ElementPortal>
     </div>,