Closed
Bug 1104672
Opened 10 years ago
Closed 8 years ago
Highlighter nodeinfobar isn't fully visible when classes and/or id are long and the element is near edge of page.
Categories
(DevTools :: Inspector, defect, P3)
Tracking
(Not tracked)
RESOLVED
DUPLICATE
of bug 1349275
People
(Reporter: m+mozilla, Unassigned, Mentored)
References
(Blocks 2 open bugs, )
Details
(Whiteboard: [btpp-backlog])
Attachments
(1 file)
17.17 KB,
image/png
|
Details |
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:36.0) Gecko/20100101 Firefox/36.0
Build ID: 20141124030207
Steps to reproduce:
See the screenshot.
Expected results:
The tooltip should be over the devtools window.
Comment 1•10 years ago
|
||
I'm afraid this isn't as simple as a z-index problem. The tooltip (or nodeinfobar) is actually part of the content page. It is inserted in the canvasframe (one of the root frame elements of the page) as native anonymous content.
This was done so that the highlighter would work the same on all devices running gecko.
But because of this, it isn't like other XUL panel-based tooltips we have, it does not float on top of the window.
What we should do here is make sure it is fully visibly though, by pushing it to the left if the element it points to is too close to the right edge of the viewport.
We already have logic to handle these cases, so the fix should be somewhere in the _moveInfobar function in http://mxr.mozilla.org/mozilla-central/source/toolkit/devtools/server/actors/highlighter.js#1265
Comment 2•10 years ago
|
||
STR:
- Open the test URL
- Open the inspector
- Select the only DIV in the page
==> The node infobar is only partly shown
Comment 3•10 years ago
|
||
A fixed buffer is used here: http://mxr.mozilla.org/mozilla-central/source/toolkit/devtools/server/actors/highlighter.js#1301
This wasn't the case previously, we used to calculate the width of the nodeinfobar so as to move it by the right amount.
Because of the way the nodeinfobar is inserted in the page, we can't calculate its width anymore, and so a fixed buffer was introduced instead. Obviously, for anything larger than 100px, this approach fails.
Several solutions:
- add an ellipsis to the nodeinfobar to restrict its size so it always fits in the buffer
- find another way to dynamically calculate the width of the infobar: maybe just counting the number of character, multiplying by the character width, and adding a buffer for the left/width padding.
Updated•10 years ago
|
Mentor: pbrosset
Updated•10 years ago
|
Summary: z-index trouble on inspector tooltip → Highlighter nodeinfobar isn't fully visible when classes and/or id are long and the element is near edge of page.
Comment 4•10 years ago
|
||
As discussed on IRC, assigning you the bug Erwann.
Feel free to ask on IRC #devtools for more info about the dev environment and the code.
Assignee: nobody → m+bugzilla
Perfect. I will try to do something as possible as I can. ;)
Thank you.
Updated•10 years ago
|
Component: Untriaged → Developer Tools: Inspector
Comment 8•9 years ago
|
||
Inspector bug triage. Filter on CLIMBING SHOES.
Priority: -- → P3
Whiteboard: [btpp-backlog]
Version: 36 Branch → Trunk
Updated•9 years ago
|
Assignee: m+bugzilla → nobody
Updated•8 years ago
|
Blocks: devtools/highlighters
Blocks: 1334458
Comment 10•8 years ago
|
||
I add a fix for this bug in the patch of bug 1349275; so it shouldn't be happens anymore.
We should have the QA testing this once the patch is landed.
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → DUPLICATE
(In reply to Matteo Ferretti [:zer0] [:matteo] from comment #10)
> I add a fix for this bug in the patch of bug 1349275; so it shouldn't be
> happens anymore.
> We should have the QA testing this once the patch is landed.
How should we get the QA testing here? Neither bug is marked qe-verify+ for the moment.
Flags: needinfo?(zer0)
Comment 12•8 years ago
|
||
(In reply to J. Ryan Stinnett [:jryans] (use ni?) from comment #11)
> (In reply to Matteo Ferretti [:zer0] [:matteo] from comment #10)
> > I add a fix for this bug in the patch of bug 1349275; so it shouldn't be
> > happens anymore.
> > We should have the QA testing this once the patch is landed.
>
> How should we get the QA testing here? Neither bug is marked qe-verify+ for
> the moment.
I'm actually waiting for the review; if there is no substantial change to the patch, then I'll set qe-verify+.
Flags: needinfo?(zer0)
(In reply to Matteo Ferretti [:zer0] [:matteo] from comment #12)
> (In reply to J. Ryan Stinnett [:jryans] (use ni?) from comment #11)
> > (In reply to Matteo Ferretti [:zer0] [:matteo] from comment #10)
> > > I add a fix for this bug in the patch of bug 1349275; so it shouldn't be
> > > happens anymore.
> > > We should have the QA testing this once the patch is landed.
> >
> > How should we get the QA testing here? Neither bug is marked qe-verify+ for
> > the moment.
>
> I'm actually waiting for the review; if there is no substantial change to
> the patch, then I'll set qe-verify+.
Hmm, I don't think I follow your comment. Bug 1349275 has already landed, and there are no open review requests. Is there a different bug that you are thinking of?
Flags: needinfo?(zer0)
Comment 14•8 years ago
|
||
(In reply to J. Ryan Stinnett [:jryans] (use ni?) from comment #13)
> > I'm actually waiting for the review; if there is no substantial change to
> > the patch, then I'll set qe-verify+.
> Hmm, I don't think I follow your comment. Bug 1349275 has already landed,
> and there are no open review requests. Is there a different bug that you
> are thinking of?
I was, indeed, thinking to another bug. :) My apologies!
Flags: needinfo?(zer0)
Comment 15•8 years ago
|
||
See comment 2 about the STR for manual test the issue. It shouldn't happen anymore now that Bug 1349275 has landed.
Flags: qe-verify+
Updated•7 years ago
|
Product: Firefox → DevTools
You need to log in
before you can comment on or make changes to this bug.
Description
•