1287438 - While undocked, Dev Tools panel vanishes behind the browser window when 'Show MDN Docs' option is selected

Status: VERIFIED FIXED

(DevTools :: Inspector: Rules, defect, P1)

Description

[Ada [:adalucinet]]

[Affected versions]:
- latest Nightly 50.0a1

[Affected platforms]:
- Windows 10 64-bit
- Mac OS X 10.11.1

[Steps to reproduce]:
1. Launch Firefox.
2. Open Inspector: Ctrl + Shift + C (for Windows) or Cmd + Opt + C (for Mac OS X).
3. Click on 'Show in separate window' button.
4. Right click on any property name via the Ruleview.
5. Select 'Show MDN Docs' option from the context menu

[Expected result]: Dev Tools panel, along with 'Show MDN Docs' tooltip, are properly displayed.

[Actual result]: Dev Tools panel vanishes behind the browser window.

[Regression range]:
- Last good revision: 9efa66f1c6a15449be7a3c37ade8e104ce2afef8
- First bad revision: 395c5a486954a3f747ceb07dfc8f1ebd3d00cf60
- Pushlog: https://hg.mozilla.org/integration/fx-team/pushloghtml?fromchange=9efa66f1c6a15449be7a3c37ade8e104ce2afef8&tochange=395c5a486954a3f747ceb07dfc8f1ebd3d00cf60

Looks like the following bug has the changes which introduced the regression: https://bugzil.la/1283454

[Additional notes]:
- Screen recording: https://goo.gl/aiALky
-- the behavior on Mac OS X is slightly different - https://i.imgur.com/JwAq0RD.png - the tooltip is displayed behind Dev tools.
- Unable to reproduce under Ubuntu 16.04 64-bit.

Comment 1

[Julian Descottes [:jdescottes]]

Attachment: Bug 1287438 - html-tooltip: use level=top for xul panel wrapper;

Using level=float seems buggy when the window to which the XUL panel is attached
changes.

Review commit: https://reviewboard.mozilla.org/r/64940/diff/#index_header
See other reviews: https://reviewboard.mozilla.org/r/64940/

Comment 2

[Brian Grinstead [:bgrins]]

Comment on attachment 8772001 [details]
Bug 1287438 - html-tooltip: use level=top for xul panel wrapper;

https://reviewboard.mozilla.org/r/64940/#review61938

This is matching behavior of the old panels, works for me

Comment 3

[Julian Descottes [:jdescottes]]

try https://treeherder.mozilla.org/#/jobs?repo=try&revision=bbc63f7b7b9a

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/fx-team/rev/8b57c89f86db
html-tooltip: use level=top for xul panel wrapper;r=bgrins

Comment 6

[Carsten Book [:Tomcat]]

https://hg.mozilla.org/mozilla-central/rev/8b57c89f86db

Comment 7

[Ada [:adalucinet]]

Verified with latest Nightly 50.0a1 (2016-07-21), across platforms [1]: 'Show MDN Docs' tooltip is no longer visible, but the Dev tools panel still vanishes behind the browser window when following STR via comment 0; reproducible only on Mac OS X 10.9.5 & Windows 10 64-bit, but _not_ on Ubuntu.
Julian, what's your input regarding this? Thanks in advance.

[1] Windows 10 64-bit, Ubuntu 16.04 64-bit and Mac OS X 10.9.5

Comment 8

[Julian Descottes [:jdescottes]]

Just tested again on Windows 7 & 10 64bits, OSX 10.11.2 & Ubuntu and it works fine on all platforms.

From your comment it looks like what you tested behaves exactly the same as in comment#0 . 
Can you double check the Nightly version used here?

If you still have the issue could attach a screen recording so that I can be sure we are running the same scenario?

Comment 9

[Ada [:adalucinet]]

(In reply to Julian Descottes [:jdescottes] from comment #8)
> If you still have the issue could attach a screen recording so that I can be
> sure we are running the same scenario?

There is an additional step - clicking on 'Visit MDN page' link (logged bug 1288752); sorry for the confusion!
Marking here accordingly