Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JSFiddle window unable to resize

After extending the JavaScript panel all the way to the right and resizing my browser window, I am now unable to see the results/HTML panels and am unable to drag the bar back into position.

I can resize windows vertically, just not horizontally.

enter image description here

I have tried, in Chrome:

  • Open/Close tab/browser
  • Empty Cache
  • Disabling/Enabling Cache while in developer mode
  • Delete all Cookies
  • with console open, Empty Cache and Hard Reload
  • Specifically deleting the cookies related to jsfiddle.net via chrome://settings/cookies
  • "Manually" setting the 'window_sizes' via this: http://pastebin.com/rBMHfvqV
  • Extending the browser window
  • Disabled all extensions

My current window_sizes:

window_sizes = {
    w : [
        "104.46009389671363%",
        "0.4694835680751197%"
    ],
    h : [
        "23.96416573348264%",
        "76.03583426651736%",
        "21.50055991041433%",
        "78.49944008958568%"
    ]
};

The windows on jsfiddle appear correctly in Incognito Mode. I also did not go to jsfiddle.net for a week hoping some sort of cookie/mystery meat would expire by then.

like image 617
Karen H Avatar asked Jul 01 '14 20:07

Karen H


2 Answers

You can reset the values of your JSFiddle windows back to default by running the following code from your console:

Layout.setWindowSizes(null)
like image 130
John Slegers Avatar answered Sep 28 '22 04:09

John Slegers


Ok, I wasn't able to find a way to 'set' these window sizes via some command line code.

What I did was go through the page html in developer mode and set the width's manually.

In the "Content" div look for the <fieldset class = "column left"..> and <fieldset class = "column right"..> and double click on the width or height to set the percentages to something you can actually see.

I did this then reloaded the page and everything was back to normal.

like image 30
Karen H Avatar answered Sep 28 '22 05:09

Karen H