1551126 - Design change when the document is reloaded.

Status: RESOLVED DUPLICATE of bug 385615

(Core :: Layout, defect, P3)

Description

[Karl Dubost💡 :karlcow]

This was reported on https://webcompat.com/issues/30653

1. Go to https://www.grimoire-command.es/
2. Notice the title grimoire-command.es
3. Reload
4. The title now seems to be grimoire-command .es

A space has been added after command.

so to be clear the issue is with specific part.

https://webcompat.com/uploads/2019/5/7f641371-0a9e-43d4-9275-c5bd13af01c6.jpg

which becomes after reload.
https://webcompat.com/uploads/2019/5/8e965650-99d3-4a0b-97ac-e02d31eeab18.jpg

The markup is

<a href="https://www.grimoire-command.es">
<h1 id="blog-title">Grimoire<b>-</b><div class="lettrine">Command</div><b>.</b>es</h1>
			</a>

I wonder if this has a play into it.

h1, h2, p, td.content, span.alt {
	letter-spacing: -.01em;
}

If I draw outlines,
https://webcompat.com/uploads/2019/5/4cbf4010-4e89-413f-8f74-c725ec544e4f.jpg

it seems it's the command box which is adding a right padding.

h1::first-letter, h2::first-letter, .tipue_search_content_title a::first-letter, div.lettrine::first-letter {
	color: #ff9800 !important;
	font-family: 'NinePin' !important;
	font-weight: normal !important;
	font-size: 133%;
}
div.lettrine {
	display: inline-block;
	margin-left: 0.1ex !important;
}

Comment 1

[Alice0775 White]

I can reproduce the issue on Nightly68.0aq Windows10.

Regression window:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=ef73974af658a8ccdb723a0ef151c609534539cc&tochange=a3a199efb743a1043d88b7128d01870186c1fa91

Comment 2

[Alice0775 White]

Attachment: 20190513162905.zip For the record

Comment 3

[Emilio Cobos Álvarez (:emilio)]

Thanks for the regression range Alice. I guess this is from bug 1384542.

Comment 4

[Emilio Cobos Álvarez (:emilio)]

Attachment: Reduced test-case.

For some reason there was an incremental layout before that patch landed that made it have the correct layout, but the root cause of the inconsistency in the first place is bug 385615.

Comment 5

[Emilio Cobos Álvarez (:emilio)]

EDIT: Sorry, mid-written comment from before I decided to post the test-case.