Details Block: The outline is cut off when focusing on the summary element

[t-hamano]

Description

This issue is derived from this core ticket: https://core.trac.wordpress.org/ticket/60808#comment:10

You can open and close the content by clicking the summary element, which means the summary element is a focusable element.

When focusing on the summary element, the focus outline should be displayed, but since overflow:hidden; is applied to the Details block itself, the outline may be cut off or not displayed at all.

Step-by-step reproduction instructions

• Insert the details block and save the post.
• Use the tab key on your keyboard in the front end to focus the summary element.
• Press enter to see the focus style when the content is opened.

Screenshots, screen recording, code snippet

Emptytheme

Summary element is focused

The thickness of the focus outline is thin.

When content is open

The sides except the bottom are thin.

Twenty Twenty-Four

Summary element is focused

The focus outline is not displayed at all.

When content is open

Only the bottom outline is visible.

Environment info

No response

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

Yes

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

Yes