Position Toggle Button Not Taking Full Height

[SainathPoojary]

Description

In the WordPress block editor, the “Position” toggle button options in the Group block settings do not take up the full height of the settings panel. This results in a visual inconsistency, as users must scroll to view the full options.

Related Trac ticket: https://core.trac.wordpress.org/ticket/62605

Step-by-step reproduction instructions

1. Open the WordPress block editor.
2. Add a “Group” block to the page.
3. Select the “Group” block.
4. In the block settings panel on the right, locate the “Position” toggle button.
5. Observe that the “Position” toggle options do not extend to fill the full height of the settings panel.
6. Attempt to interact with the toggle options

Screenshots, screen recording, code snippet

https://github.com/user-attachments/assets/b66e31d9-5c2f-4dc8-80f5-702a8030ce67

Environment info

• WordPress: 6.8-alpha-59274-src
• PHP: 8.2.26
• Server: nginx/1.27.3
• Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.26)
• Browser: Chrome 131.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.0
• MU Plugins: None activated
• Plugins: None activated

Please confirm that you have searched existing issues in the repo.

• [x] Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• [x] Yes

Please confirm which theme type you used for testing.

• [x] Block
• [ ] Classic
• [ ] Hybrid (e.g. classic with theme.json)
• [ ] Not sure

[Infinite-Null]

Hi @SainathPoojary,

Thank you for pointing this out. I was able to reproduce the issue, and I agree that this could be inconvenient for users, specially when they have selected sticky as the position.

Supplemental Artifacts

https://github.com/user-attachments/assets/2f948513-3773-46f5-810a-5c27cd4698a7

Environment

• WordPress: 6.7.1
• PHP: 8.1.29
• Server: nginx/1.16.0
• Database: mysqli (Server: 8.0.16 / Client: mysqlnd 8.1.29)
• Browser: Chrome 131.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.0

[Mayank-Tripathi32]

Hello @SainathPoojary @Infinite-Null, I believe this issue stems from the lack of directional opening support in the CustomSelectControl component. I am currently exploring whether this functionality is supported in Ariakit. If it’s not, I will work on implementing it.