Twenty Twenty : Menu rendering problem Unicode (Bangla)

[smallprogrammers]

Hello i found a bug for menu rendering in Bangla language.
menu got broken and also text got broken if i write this : সাহায্য (it means "Help").

It works fine with Twenty nineteen theme.

Here is my forum post : ​https://wordpress.org/support/topic/unicode-rendering-problem-menu/#post-12236743

My website is : blog.aparajeyo.com

Thanks in advanced.

[audrasjb]

Hi @smallprogrammers thank you for opening this ticket and welcome to WordPress core Trac!

Would you mind uploading some screenshots of the issue?
I can't see what's wrong on the linked website.

Thanks

[audrasjb]

can't reproduce the issue on Mac OSX / Chrome

[Shital Patel]

i just removed word-break: break-word; word-wrap: break-word; in *, ::before, ::after { } style.css

[Shital Patel]

Before : Screenshot of windows PC firefox browser

[Shital Patel]

After : Screenshot of windows PC firefox browser

[mukesh27]

@audrasjb Replicated the same issue on the Firefox browser in Linux.

@shital-patel If we remove CSS word-break: break-word; word-wrap: break-word; from below then it will create some other text rendering issues.

*, *::before, *::after {
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
}

[smallprogrammers]

Replying to audrasjb:

Hi @smallprogrammers thank you for opening this ticket and welcome to WordPress core Trac!

Would you mind uploading some screenshots of the issue?
I can't see what's wrong on the linked website.

Thanks

Problem seems with Firefox, i noticed. Not with Chrome or Other browser.:)

[audrasjb]

Hi there,

Thanks for working on this ticket.
Moving to 5.3.3 as this ticket still needs some work and testing.

Cheers,
Jb

[smallprogrammers]

Replying to audrasjb:

Thank you !

[audrasjb]

Reset word-break and word-wrap properties for Twenty Twenty primary and footer navigation menus

[audrasjb]

Hi,

In 48970.1.diff I propose to reset word-break and word-wrap properties for Twenty Twenty primary and footer navigation menus. It avoid side effects that could occur with a global reset of those properties.

Tested in various browsers with the reported string সাহায্য, it fixes the issue.

[ianbelanger]

Putting this into the 5.4 milestone so it can be tested and committed in time.

[audrasjb]

Hi @ianbelanger, do you think this one is ready to be committed. I think it's ready to go, but it would be great to have your opinion on that :-) Thanks!

[ianbelanger]

The solution does appear to fix the issue with no ill-effects. I will be committing soon.

[ianbelanger]

In 47192:

Bundled Themes: Twenty Twenty Menu rendering problem Unicode (Bangla).

Fixes a bug where certain words break on to a second line in the primary and footer menus, in certain languages.

Props smallprogrammers, Shital Patel, mukesh27, audrasjb.
Fixes #48970.

[ianbelanger]

Reopening for backport, assigning fixed-major and placing into the 5.3.3 milestone as per the handbook here: ​https://make.wordpress.org/core/2011/04/06/the-keywords-fixed-major-and-fixed/ and ​https://make.wordpress.org/core/handbook/contribute/trac/keywords/

[audrasjb]

Moving 5.3.3 Bundled Themes tickets back to milestone 5.4 as RC1 is approaching.
Please don't move them back to 5.3.3 :-)