Inconsistent closing of settings panels

[maddisondesigns]

Describe the bug
The panels in the Settings Sidebar are inconsistent on whether they stay open or stay closed when moving between blocks.

Here's a video of six different Heading blocks. When I click between each of them the Color Settings panel constantly closes, but the Advanced panel constantly stays open. It's inconsistent, and extremely annoying when they constantly close.

If I open one panel (the Advanced panel), and it stays open as I move to other blocks, then the same thing should happen when I open another panel (the Color Settings panel), but it doesn't.

Vid: https://cl.ly/b500cff8e9e0

This issues happens on numerous blocks such as the Heading Block and the Paragraph Block (and most likely other blocks, but I haven't checked every single block)

To reproduce
Steps to reproduce the behavior:

1. Add multiple Heading blocks
2. Open the Color Settings and Advanced panels in the Settings Sidebar
3. Select each Block alternately and watch the Color Settings panel constantly close

Expected behavior
Settings Sidebar panels are inconsistent in how they display.

Desktop (please complete the following information):

• OS: macOS Mojave 10.14.6
• Browser: Firefox 70.0.1
• Version: WP 5.3-RC4-46680

[karmatosed]

I can replicate this, thanks for discovering this as always great to soothe inconsistencies. I think this needs a decision on what stays open. My gut says if it's the same block they all should, color included.

[karmatosed]

Noting this as good first issue and that making it consistent would be issue.

[skorasaurus]

heavily related issues: #27560

[Saoming]

Can I work on this issue?

[skorasaurus]

Can I work on this issue?

Yes; although if you submit a pull request it may take some time to someone review it.

[Saoming]

All good, Thank you @skorasaurus! I am not sure how to assign myself here

[richtabor]

I actually don't think this is as big of an issue, as many of the default panels are using toolbelt controls (the vertical ellipsis) and remain open by default.

CleanShot.2022-12-20.at.11.08.36-converted.mp4

[maddisondesigns]

It's probably worth pointing out that this issue was raised 3+ years ago so a lot has changed since then. Although a lot of the Settings Sidebar panels now remain open, they are still wildly inconsistent. Why do some panels allow you to open/close them while others don't?

From what I can tell, it's due to the poor design of some of the controls. Controls like Typography, Colour & Dimensions, for example, require you to "turn on" various options before you can even use them, which is super annoying. The Options icon for these controls is sitting in the same position as the open/close toggle on other panels. You shouldn't have to enable options prior to being able to use them, they should all be available, all the time. No only that, but the fact that enabling them on one block, doesn't automatically enable them on all the other same blocks, is annoying as well. Editing content in Gutenberg is so time consuming and slow because you hide so many controls and options by default, in hidden panels and popups, forcing users to perform multiple unnecessary clicks.

Vid: https://share.getcloudapp.com/YEuDXY8L

[Saoming]

I agree with you @maddisondesigns , Maybe it should reduce the toggle