1320392 - the element hierarchy tag name in inspector is empty after different element selected

Status: RESOLVED DUPLICATE of bug 1320182

(DevTools :: Inspector, defect)

Description

[Alice0775 White]

Attachment: screenshot

+++ This bug was initially created as a clone of Bug #1320182 +++

The problem happens if HWA is enabled.
If the user selects a different element with the inspector, the bar with the element hierarchy can show text artifacts(empty).

Steps to reproduce:
0. Resize Browser to 1280*1024 if need
1. Open http://gridbyexample.com/examples/example4/
2. Right crick on black header bar and choose "Inspect Element"
3. Click empty area near [RETURN] button using Element picker

Actual Results:
The element hierarchy is scrolled as expected.
However, some tag name is empty.
See screenshot.
After mouse move over the missing tag name, it will display.

Regression Window:
https://hg.mozilla.org/integration/fx-team/pushloghtml?fromchange=e3d409d10dea7c1c94630abf52e6e9245a77f448&tochange=5d2cb7fff024a1d3ed59ad2432882d158ce5ee91

Regressed by: Bug 1259812

Comment 1

[Alice0775 White]

Attachment: about:suppot

Comment 2

[Alice0775 White]

Changed importance from normal to minor because this is 2nd-3rd UI.

Comment 3

[Patrick Brosset <:pbro>]

I think this should be closed as a duplicate of bug 1320182.
Bug 1320182 is about text artifacts appearing while this one is about bits of text disappearing, but I'm fairly certain the root cause is the same.

Anyway, in bug 1320182, I investigated a little bit and found that this seemed like a rendering issue due to DevTools using a -moz-element CSS background value.

Comment 5

[Liz Henry (:lizzard Please n-i to RyanVM, jcristau, or pascal)]

Too late for a fix for 53, as we are in the last week of the 53 beta cycle.