Button Overlap Issue in French and Other Languages.

[truptikanzariya]

The issue is that the Gutenberg block post button 'Switch to Draft' and 'Move to Trash' overlap in French and other Languages.

Screenshots: ​https://prnt.sc/_-TMYexP_rJv

[audrasjb]

Hello and welcome to WordPress Core Trac @truptikanzariya!

Which version of WordPress are you using? And which Locale/translation.
I don't have the same interface (no bug on my side) and I don't have the same translations in my fr_FR install.

Thanks for the info!

(see screenshot below)

[audrasjb]

Can't reproduce on WP 6.3 RC2

[audrasjb]

It doesn't look like an official French translation, since for example "Post" should not be translated into "Poste" but rather into "Article". Same goes with other strings that are poorly translated in your screenshot.

[NekoJonez]

I tested this with my locale on which I'm GTE. nl_BE (Dutch - Belgium) and I tried to resize my browser window on Firefox & Opera... And I can't reproduce either.
Which setup do you have? Any other plugins running?
What theme?

I use WP6.3 RC2 via the beta tester & LocalWP.

[truptikanzariya]

Hello,

I have Google translated this page, and this has caused this problem.

​https://prnt.sc/aS8gAraqG0sL

[audrasjb]

Alright, that explain why the translations were incorrect :)

Google translate probably inject its translation directly to the DOM without repainting it.

I'm not sure we can really fix this behavior.

Look at the screenshot I shared earlier: the interface looks responsive and the buttons adapt to their content. But when the strings are replaced without any repaint, I guess it doesn't work 🤷‍♂️

[sabernhardt]

sidebar in WP6.3RC1, using Google Translate Chrome extension

[sabernhardt]

The buttons stacked for me, even when using the Google Translate extension, so I'll close this.

If this (or another aspect of the editor sidebar) does need fixing, the report would belong on the ​Gutenberg GitHub Repository.