Navigation Screen: put a limit on the name of the menu

[annezazu]

Description

One can currently input an extremely long name into the menu title field causing a cascading number of issues wherever the name is used. It seems as though a limit should be put on the field.

Step-by-step reproduction instructions

1. Head to the navigation editor.
2. Name the menu something really long.
3. See various errors :)

Screenshots, screen recording, code snippet

https://user-images.githubusercontent.com/26996883/131906562-af84c8fb-3e8d-412e-802f-6eca851e2fda.mov

Environment info

• WordPress 5.8
• Gutenberg 11.4
• Desktop MacOs

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]

@javierarce Do you have a character limit in mind? We can have different for small screen and desktop.

[Mamaduka]

It looks like the character limit for Menu names is 200. It is the same limit as for term names.

The editor will display the error notice if you create a menu using a name > 200 chars. We have the same behavior on the current screen, so we don't have to change anything here.

I can create PoC PR that truncates menu names after a specific limit, and we can iterate on it.