JSFiddle window unable to resize
Asked Answered
P

4

6

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.

Phiz answered 1/7, 2014 at 20:46 Comment(1)
Possible duplicate of jsfiddle js panel size is stuck! How do I reset it?Jahnke
P
2

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.

Phiz answered 17/7, 2014 at 18:53 Comment(0)
F
11

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

Layout.setWindowSizes(null)
Fun answered 27/3, 2016 at 14:56 Comment(1)
The amount of times, I've used this is embarrassingContour
P
2

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.

Phiz answered 17/7, 2014 at 18:53 Comment(0)
S
0

I had this same problem. An odd way to fix this to horizontally stretch the entire window until it's as THIN as possible. Then hovering over the window, you should be able to adjust the margin. Worked for me.

Stocking answered 17/12, 2014 at 19:3 Comment(0)
B
0

Try running this bit of JavaScript into your browser's console to clear the cookie:

// Set the cookie date to the previous day.
var date = new Date();
date.setTime(date.getTime() + (-1*24*60*60*1000));

// Overwrite the cookie's value with an empty string and expire the cookie
document.cookie = "window_sizes=" + "; expires=" + date.toISOString() + "; path=/";

After running this script and reloading the page, everything was back to normal for me.

Bans answered 13/3, 2015 at 22:17 Comment(0)

© 2022 - 2024 — McMap. All rights reserved.