Streaming live at 10am (PST)

New Style Panel Feedback

also I found some problems in the naming color: RGBa (there is uses RGBA and HSLa (there is used B in stead of L HSBA !!

in the W3schools: information:

Also make the border settings more visible place, look to my suggestions.

Also a Photoshop way of working is by mouse making text bigger/smaller. look to this video:

I like more the icons because text in Englisch for people all over the world should be better understanding by icons I think. But still add the possibility to get a video about the element you don’t know anymore how to work with.

Add the office Word icons please (not only by arrow up and down)

Add the possibility to scroll down in the names of fonts, not only a popup!

Add the question mark just the way elements works… so students will better know how to work with the items.

Thanks Karel (teacher webdesign Brussels Belgium)

I love them too. Except that when you click lets say the typography drop down menu, you cannot click away from it and have it disappear, you have to select a value in the drop down menu for it to go away! I hope the staff will fix this, it’s driving me nuts, because if I say, changed my mind after selecting the drop down menu and do not want to select a value, then I still have to select a value other wise the drop down menu is just stuck where it is, and then I have to undo the action. Does anybody else have this problem?

(Just started reading this post, not sure if this has been mentioned in the 90+ replies below)


I think most people use flexboxes for centralising - hence the lack of interest in this feature…

I like it, but I am with the others in wondering why you are asking us to make so many dropdown decisions. I’m sure icons would fit.
I’m also used to dragging the mouse over a number to change it - that makes everything go berserk!

1 Like

Mouse drag is a known issue and we’re working on it.


Except that when you click lets say the typography drop down menu, you cannot click away from it and have it disappear, you have to select a value in the drop down menu for it to go away!

@VladyRahn I can’t seem to reproduce this. You should be able to click anywhere in the style panel to close the dropdown. If you’re not able to do this, can you DM me a video fo the behavior?

Agreed. Less 2-click workflows.More 1-click workflows. Scrolling is much faster and easier than pointing and clicking anyway. And if someone really wants to scroll less, they can keep the sections collapsed until they need them.

Minor tweaks to the current style panel would be better than this huge overhaul that forces all your users to relearn new slower workflows and memorize new unintuitive icons and reading more text labels. The old icons were way more intuitive anyway. Especially the position and overflow icons.

6 display buttons with 1-click access is better than the 2-click pop-up menu workflow. And I understand you plan to add more stuff down the road. But if you need to add a new display icon in the future, there is room for 7 icons. Just look at all the wasted space to the left and right of the display icons of the current style panel. Or look at the text alignment icons of the current style panel, you fit 7 there. Please go back to 1-click workflows!

1 Like

Yes please bring back the arrows to allow going up and down to resize with a click. Or at the very least bring back the ability to click and drag the size labels to resize.

I mean if click and drag is obviously still the best way to change the margin and padding, why would you remove this great interaction from the rest of the size values?


I second this. We all know that we are using more and more touch capable devices and so designing a new interface that requires more clicks doesn’t make sense, it is way faster and easier to swipe or scroll your wheel than to click through menus (because of a precision required). Also why not design a detachable menu that can pop out in its own window similar to what inspector in chrome does? That would solve multiple issue that are being constantly voiced.

Hey guys, this is really cool! Great work!
One thing I would say, though, is we are sorely missing right-click context menu in the Style panel.
What do we need that for? Well, when I want to copy and paste an element to a specific place, I should be able to right-click and paste there.
Another instance is trying to copy a specific parent element. You select it in the WYSIWYG viewport, then right-click it, but that changes your selection to the top-most element rather than the parent you originally had selected. Being able to right-click in the Style panel would solve this.


1 Like

Chiming in to say that I think the beta UI is great! Not sure why so many people are having a whinge here… I guess people get grumpy when you change anything.

I particularly like how there are now lines to show a child’s parent element:

This used to be a real pain point for me, it was hard to see at a glance what was going on. Really liking it!

1 Like

I am reporting a bug with background position.

Anytime I try to change one value (vertical or horizontal) using the beta panel, it rests the other value to 0.

I might for example, have top set to 50% and want to set left to be 3px, but as soon as I set the 3px value my 50% top gets set to 0. Please fix.

am i the only one who immediately went to the color palette to see if we could rearrange swatches after this update? really wish this was a thing. it’s pretty essential to a modern workflow tbh.


Resetting a value is shown as option+click, but I’m on PC. You should detect OS or change it to alt/option+click

Really bad bug: When you click in a text box to edit a value in the Style panel, if your mouse moves outside the Style panel’s left boundary, unexpected things get selected and sometimes moves. Elements end up moved and it’s general chaos.


Sounds nasty. Can you make a screen-capture so the we know what not to do meanwhile? :slight_smile:

(Made with LICEcap)


Oh. Did you just drag the number from the field into the canvas? I assume you thought clicking and dragging would make numbers to change? If so then I think WF team is working on bringing this functionality back.

@dram. I had the same thing happen to me, and all I wanted to do is just highlight the values in the field. So, if you click your mouse and drag it to select the numbers, but accidentally would drag the mouse onto the canvas while it is clicked, it will do what you see in the video above. It’s totally enjoying and should be fixed.


Yep, Vlady’s got it.