The Pen Editor Now Remembers Your Layout

We have a new little UI feature that has been 🔥 hotly requested 🔥 for quite some time now. Sorry it took so long (obama_putting_sunglasses_on.gif), but it's here now!

Now, on Pens you own, the Pen Editor layout you set up will persist as you work. For example:

You adjust the editor panels to your liking and save the Pen for the first time... your adjustments will still be there!
You refresh the entire page while working... your adjustments will persist!
You come back to a Pen you worked on last week... the editor will be in the same layout state!

Quick Note: We save your layout to your browser's localStorage, so it can't follow you if you change to a different browser, or if you go incognito.

Here are some movies to explain it:

The Old Way 😭

The New Way 😁

🙌 High five to Tim Holman for this one. As always, if you have requests for features and improvements, be sure to send them in!

Chris Coyier

sdras

yayyyyyy
Paulo Raoni

Well done! 🙂
Tina

Beautiful!
Joseph Fusco

Fantastic!
@zhann1982

Thanks, guys!
Andrew Dotson

Great feature, but I wish it remembered code folding too… I hate how I always have to re-close everything
Steven Bigham

Lately every time I start a new pen or refresh an existing one I lose all layout customisation. Running in Chrome.

I run with output on the left and HTML/CSS/JS on the right.
Every save and refresh ends with output on the bottom and HTML/CSS/JS on the top. Every new pen now starts this way.

Incredibly irritating and can’t seem to fix through settings. I am logged in and as I say it’s a recent issue. Searched for a resolution and found this update.

Am I missing something obvious?
- Marie Mosley
  
  Hi Steven! I’m sorry about the trouble with your layout settings. That’s not how they’re supposed to work! Could you write in to us at support@codepen.io? We’d like to get some more information from you and do some troubleshooting