Failed attempt to remove scrollbars from plots iframe

enicolasgomez · enicolasgomez · commit 8b02f7835337 · 2022-11-15T12:40:24.000-03:00
diff --git a/webapp/components/general/PlotViewer.js b/webapp/components/general/PlotViewer.js
@@ -17,9 +17,12 @@ const PlotViewer = ({ key, id, method }) => {
         >
           <iframe
             title="plot"
+            scrolling="no"
             name="dipole"
             srcDoc={data}
             style={{
+              overflowX:hidden,
+              overflowY:hidden,
               border: 0,
               width: '100%',
               height: '100%',
diff --git a/webapp/redux/middleware/plotMiddleware.js b/webapp/redux/middleware/plotMiddleware.js
@@ -54,15 +54,15 @@ const plotFigure = async (plotId, plotMethod, plotType = false, uri = null, them
       if (response.startsWith('[') && response.endsWith(']')) {
         response = eval(response);
       }
-    }
-    if (plotMethod.startsWith('iplot')) {
-      let htmlText = response.replace ? response.replace(/\\n/g, '')
-        .replace(/\\/g, '') : '';
-      if (plotId === 'rxdConcentrationPlot') {
-        // FIXME: How can we center the bokeh plots when sizing_mode='scale_height'
-        htmlText = htmlText.replace('<head>', '<head><style>.bk {margin: 0 auto!important;}</style>');
+      if (response.indexOf('<html') > -1) {
+        let htmlText = response.replace ? response.replace(/\\n/g, '')
+          .replace(/\\/g, '') : '';
+        //if (plotId === 'rxdConcentrationPlot') {
+          // FIXME: How can we center the bokeh plots when sizing_mode='scale_height'
+          htmlText = htmlText.replace('<head>', '<head><style>.bk {margin: 0 auto!important;} div {overflow:hidden;} frame {overflow:hidden;}</style>');
+        //}
+        return htmlText;
       }
-      return htmlText;
     }
     if ((plotMethod == 'plotDipole' || plotMethod == 'plotEEG' )) { //uri is available here
       const plotUri = uri.replace('{name}', response);
