Fix issue with multiple copy buttons being present with multiple code…

… block tabs
readmeio · Aug 10, 2018 · eb11640 · eb11640
1 parent 7a9e182
commit eb11640
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/api-explorer/src/block-types/Code.jsx b/packages/api-explorer/src/block-types/Code.jsx
@@ -59,7 +59,7 @@ class BlockCode extends React.Component {
 
           <div className="block-code-code">
             {codes.map((code, i) => (
-              <React.Fragment>
+              <div style={{ display: i === this.state.activeTab ? 'block' : 'none' }}>
                 <CopyCode code={code.code} />
                 {
                   // eslint-disable-next-line react/no-array-index-key
@@ -72,7 +72,7 @@ class BlockCode extends React.Component {
                     />
                   </pre>
                 }
-              </React.Fragment>
+              </div>
             ))}
           </div>
         </div>