[components] Only render children of collapsable fieldsets when open (#130)

bjoerge · bjoerge · commit c385c1ca86f4 · 2017-08-24T16:40:40.000+02:00
diff --git a/packages/@sanity/components/src/fieldsets/DefaultFieldset.js b/packages/@sanity/components/src/fieldsets/DefaultFieldset.js
@@ -74,7 +74,7 @@ class Fieldset extends React.Component {
           }
           <div className={`${styles.content} ${isOpen ? styles.isOpen : ''}`}>
             <div className={styles.fieldWrapper}>
-              {children}
+              {isOpen && children}
             </div>
           </div>
         </div>

Original file line number	Diff line number	Diff line change
`@@ -74,7 +74,7 @@ class Fieldset extends React.Component {`
`74`	`74`	`}`
`75`	`75`	<div className={`${styles.content} ${isOpen ? styles.isOpen : ''}`}>
`76`	`76`	`<div className={styles.fieldWrapper}>`
`77`		`- {children}`
	`77`	`+ {isOpen && children}`
`78`	`78`	`</div>`
`79`	`79`	`</div>`
`80`	`80`	`</div>`