Gutenberg: long HTML anchors make the list view take a lot of space

[renata-franco]

Description

When adding long HTML anchors to a block in the Advanced settings, the list view in the editor takes more and more space on the screen. Originally reported here: Automattic/wp-calypso#66300

Step-by-step reproduction instructions

1. Add a block
2. Open the list view
3. Go to block settings > Advanced > HTML anchor
4. Add a long anchor text
5. Notice the width of the list view getting bigger

Screenshots, screen recording, code snippet

CleanShot.2022-08-10.at.17.18.35.mp4

Environment info

• Gutenberg Version 13.8.0.
• WordPress 6.0.1.

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

[Mamaduka]

I think this is a regression after #41855. Probably this line:

gutenberg/packages/block-editor/src/components/list-view/style.scss

Line 320 in c3f19c4

max-width: min(100px, 40%);

cc @andrewserong

[andrewserong]

Oh, thanks @Mamaduka, I'll take a closer look.

[andrewserong]

I've opened up a potential fix in #43134