1375831 - In beta version some whitespaces in headers is strange (russian localization)

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: Design, enhancement)

Description

[sattellite]

What did you do?
================
1. Go to https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Functions/get

What happened?
==============
Header Not shown whitespaces is "&nbsp".
Whitespaces as black blocks is normal whitespaces.



<h3 id="Определение_геттера_на_новом_объекте_в_момент_инициализации_этого_объекта">Определение геттера на новом&nbsp;объекте&nbsp;в момент&nbsp;инициализации этого объекта</h3>
                                                                                              #       #  #     ^^^^^^       ^^^^^^ #      ^^^^^^             #     #

#     - black blocks
^^^^^ - not shown


Some words is inversed color.


<h3 id="Удаление_геттера_оператором_delete">Удаление геттера оператором delete</h3>

Word "delete" is white color on black background.

What should have happened?
==========================
Normal whitespaces and black words on white background

Is there anything else we should know?
======================================
I'm using Google Chrome 60.0.3112.24

Comment 1

[John Whitlock [:jwhitlock]]

The headers are white-on-black for other locales:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get

However, the headers are white-on-black for Cyrillic, and black-on-white for non-Cyrillic characters. It looks very bizarre.

Comment 2

[John Whitlock [:jwhitlock]]

Attachment: H3 with Cyrillic characters

Comment 3

[John Whitlock [:jwhitlock]]

Attachment: H3 with ASCII characters

Comment 4

[Stephanie Hobson [:shobson]]

Great find, thanks for your help!

Comment 5

[Stephanie Hobson [:shobson]]

The team discussed this a bit and we have a plan to fix it. We have a strict no production changes on Fridays rule. Monday we're all traveling to San Francisco for a company meetup. So, we hope to have a fix in place Tuesday afternoon Pacific Time.

I hope it doesn't cause you too much trouble until then, you can see the old design by logging out if it's really interfering with readability. Again, thanks for your help beta testing.

Comment 6

[sattellite]

Black blocks instead of whitespaces disappeared.
But there was a problem when the whitespace specified by the combination of " " is not displayed.

Example on URL https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Functions/get#Определение_геттера_на_новом_объекте_в_момент_инициализации_этого_объекта

HTML:
<h3 id="Определение_геттера_на_новом_объекте_в_момент_инициализации_этого_объекта">Определение геттера на новом&nbsp;объекте&nbsp;в момент&nbsp;инициализации этого объекта</h3>

I see:
"Определение геттера на новомобъектев моментинициализации этого объекта"

but I expect see:
"Определение геттера на новом объекте в момент инициализации этого объекта".

Comment 7

[Pierre Neter]

Fixed with: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Functions/get$compare?locale=ru&to=1269185&from=1012613

Comment 8

[Stephanie Hobson [:shobson]]

We have updated Zilla to handle   properly. We are also using a different technique to put the black backgrounds on the sub headings.

I think everything is okay now. Thank you for the very specific example and link it really helped with testing.

Closing this bug but please reopen if we've missed something.

Thanks!

Comment 9

[sattellite]

Thank you. You are very cool!