Make WordPress Core

Opened 10 months ago

Last modified 3 months ago

#58909 new defect (bug)

width problem in the administration interface

Reported by: pasglop's profile pasglop Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Administration Keywords: has-screenshots has-patch
Focuses: ui Cc:

Description

Hi,

With quick edit mode (any post), and with french language, the French translation causes line breaks in the author and password columns :

Attachments (1)

bo-bug-wp.png (8.3 KB) - added by pasglop 10 months ago.

Download all attachments as: .zip

Change History (5)

@pasglop
10 months ago

#1 @audrasjb
10 months ago

  • Focuses ui added
  • Keywords needs-patch has-screenshots added
  • Version 6.2.2 deleted

Hi @pasglop, welcome to Trac and thank you for opening this ticket!

Please note that the issue was kinda fixed by us General Translation Editor of the fr_FR locale by adding spaces between the slash.

However the issue mai still exist in some other locales. It would be nice to at least use hyphens: auto; on very narrow interface elements, in order to mitigate the issue.

Note: the CSS selector for this interface element is:

.inline-edit-row fieldset label span.title,
.inline-edit-row fieldset.inline-edit-date legend

Reproduction steps:

  • Switch your WP to fr_FR
  • Navigate to Admin Menu > Articles
  • Open Quick Edit link for a post (called "Modification rapide" in French)
  • See that the Author label is kinda bugged due to a too large string

#2 follow-up: @NekoJonez
10 months ago

I think the issue is mainly in the length of the strings. Since I looked at my locale nl_BE and I don't see that issue there... but our words are shorter.

So, either we limit us translators to a certain length OR make it responsive-ish and "not really care" about the length of the translation.

Also, JB... Besides the author label ... look at the password label. Same issue me thinks.

#3 in reply to: ↑ 2 @audrasjb
10 months ago

Replying to NekoJonez:

Also, JB... Besides the author label ... look at the password label. Same issue me thinks.

Same issue but not same problem :D

  • The password label is "Mot de passe" which is three words, so the cut is ok.
  • The author label is "Auteur/autrice" which is one word, so the cut is not ok. It cut on the wrong place, leaving a single "e" on a new line.

But basically, the problem comes from the interface, not from the translation.
Using hyphens: auto; would provide a clean cut.

This ticket was mentioned in PR #6172 on WordPress/wordpress-develop by @akmelias.


3 months ago
#4

  • Keywords has-patch added; needs-patch removed

Line breaks in columns on quick edit mode (any post) if the translation of the label becomes too long in any language.

Adds hyphens: auto

### With issue

https://github.com/WordPress/wordpress-develop/assets/28216793/85c1ad66-3671-4342-978c-5c38e1036331

### After issue fixed

https://github.com/WordPress/wordpress-develop/assets/28216793/ae079ea0-8932-44cc-8e93-e02cf0a8ae0b

Trac ticket: [url https://core.trac.wordpress.org/ticket/58909]

Note: See TracTickets for help on using tickets.