Skip to content

Adding inline items: No-break-space (+ No-break-hyphen) for correct responsive design #48177

@burnuser

Description

@burnuser

What problem does this address?

In responsive design we have no control about the position of line breaks in paragraphs. That's OK in most situations, but could be a big problem in situations with related terms like:

Price of 500,- $
=> Price of 500,-
$

WordPress Version 6.2
=> WordPress Version
6.2

Mr. Mullenweg
=> Mr.
Mullenweg

Duration: 20 seconds
=> Duration: 20
seconds

=> lacking information in the first line + starting information in the new line lacks context

What is your proposed solution?

Connecting what should not be separated is no miracle, as it is an HTML standard from start: Using "No-break-space" and (more rarely but also important) "No-break-hyphen"
I know, there are workarounds with some Plugins or inserting Unicode, but such a function is not a "nice to have", but viable to get correct Text-information in every case in responsive design!

If Gutenberg stands for all needed basic editing operations, it needs the possibility of inserting "No-break-space" and "No-break-hyphen" by default.
It can be positioned in block toolbar => "More" => ...

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions