Fixed PlotViewer styling

Author: enicolasgomez

webapp/components/general/PlotViewer.js

@@ -1,10 +1,8 @@
 import React from 'react';
 import ReactResizeDetector from 'react-resize-detector';
 import HTMLViewer from './HTMLViewer';
-
 const PlotViewer = ({ key, id, method }) => {
   const data = window.plotCache[id];
-
   if (method.plotMethod.startsWith('iplot')) {
     return (
       <ReactResizeDetector>
@@ -13,16 +11,21 @@ const PlotViewer = ({ key, id, method }) => {
             width: '100%',
             height: '100%',
             textAlign: 'center',
+            position: 'absolute',
+            top: '0px',
+            left: '0px'
           }}
         >
           <iframe
             title="plot"
-            scrolling="no"
-            name="dipole"
+            name="plotViewer"
             srcDoc={data}
             style={{
-              overflowX:'hidden',
-              overflowY:'hidden',
+              position: 'absolute',
+              overflowX:'yes',
+              overflowY:'yes',
+              top: '0px',
+              left: '0px',
               border: 0,
               width: '100%',
               height: '100%',
@@ -38,5 +41,4 @@ const PlotViewer = ({ key, id, method }) => {
     </ReactResizeDetector>
   );
 };
-
 export default PlotViewer;