889889 - When inspecting Gaia SMS inside the system app, the "inspector border" is translated by a few pixels to the top

Status: RESOLVED DUPLICATE of bug 897960

(DevTools :: Inspector, defect, P1)

Description

[Julien Wajsberg [:julienw]]

STR:
* have a debug profile from gaia
* launch firefox nightly with this debug profile
* launch the "messages" app
* try to inspect elements

Expected:
* the elements pointed by the mouse are inspected and the "inspecting border" is correctly layed out around the element

Actual:
* the "inspecting border" is translated by a few pixels to the top

Debugging with Paul we saw the bug is not happening when launching the app directly (using http://sms.gaiamobile.org:8080) so it's related to using iframes. However, "normal" iframes on other website do not trigger this bug. This is also not related to the responsive mode, the bug appears when I disable it.

Note that this works correctly in Firebug.

see screenshots

Comment 1

[Julien Wajsberg [:julienw]]

Attachment: screenshot of the bug happening in Dev Tools

Comment 2

[Julien Wajsberg [:julienw]]

Attachment: screenshot of the bug not happening in Firebug

Comment 3

[Julien Wajsberg [:julienw]]

Just verified that this happens in all other apps I tried too, so this is definitely not related to sms.

This also happens in homescreen (which is not the system app), so you don't need to launch the sms app.

Comment 4

[Anthony Ricaud (:rik)]

I think the offset we're seeing is the size of the status bar on top.

Comment 5

[Paul Rouget [:paul]]

I think it's related to the fact we can't cross <iframe mozbrowser> boundaries. So we think we are in the top level window when we're not.

Comment 6

[Paul Rouget [:paul]]

I figured it out. Patch coming.

Comment 7

[Paul Rouget [:paul]]

This is a symptom of bug 897960.