I can reproduce this problem in Firefox on our homepage. In Chrome it looks good. Weird.

Puzzling. Confirming only for Firefox 34 for "Activity > New Tasks" "New Tasks" on https://phabricator.wikimedia.org/ frontpage. No such problem with Google Chrome 39 and Opera 12.16. Some CSS weirdness in Firefox?

(Redrawing by disabling certain elements in Firefox' CSS editor sometimes makes those items appear. Right-clicking on such a tag also makes them appear and mouse over shows/hides those items.)

In T86523#970601, @Aklapper wrote:

(Redrawing by disabling certain elements in Firefox' CSS editor sometimes makes those items appear. Right-clicking on such a tag also makes them appear and mouse over shows/hides those items.)

Right-clicking/mouse over doesn't do that for me. I played a little bit with the built-in inspector/debugger: If I disable

body {
    font: 13px/1.231 "Helvetica Neue",Helvetica,Arial,sans-serif;
}

then it displays icons for the right column (new tasks), but not for all others (Assigned+Subscribed on left column), switching the bug.

.phui-tag-view .phui-icon-view {
    position: absolute;
}

If I'm toggling the above position:absolute off (all are displayed with offset) and then back on, then firefox won't display the icon at all for all tags in both colums. (Except for the rare broken or normal icons as seen/mentioned in the description)

That is weird. Edit: sometimes it is there for couple of page load, then again not. eerie

In T86523#970897, @Se4598 wrote:

If I disable

body {
    font: 13px/1.231 "Helvetica Neue",Helvetica,Arial,sans-serif;
}

then it displays icons for the right column (new tasks)

Was the same here, but same results also with some other CSS parameters so it might just be the browser redrawing the canvas? *shrug*

I see all the icons in Firefox now. The only problem is the separate icon (as shown in the screenshot of the description).

I wonder whether Phabricator can do anything here or whether this is a Firefox bug or missing HTML spec.

On the second issue of the icon being in one line and the project/user name on the next line:

In T86523#1015562, @Qgil wrote:

The only problem is the separate icon (as shown in the screenshot of the description).
I wonder whether Phabricator can do anything here or whether this is a Firefox bug or missing HTML spec.

The project icon is prepended via a ":before" pseudo-element in CSS. Using "white-space" for the surrounding <a> element would work to have it on one line:

a.phui-tag-type-object:link { white-space: nowrap; }

but 1) needs more margin/padding on the left for the element and 2) at least in FF35 also pulls the previous word into the new line which isn't wanted in areas with limited space, e.g. Dashboards.

@Se4598: I cannot reproduce this anymore in Firefox 40. Can you?