722446 - DevTools Inspector has to always stay in focus

Status: RESOLVED WORKSFORME

(DevTools :: Inspector, defect)

Description

[sys.sgx]

User Agent: Mozilla/5.0 (Windows NT 6.0; rv:10.0) Gecko/20100101 Firefox/10.0
Build ID: 20120123235200

Steps to reproduce:

1. Browse here: http://markdotto.com/bs2/docs/scaffolding.html
2. Click the element (span)12, 1170px. (linked with this: https://bugzilla.mozilla.org/show_bug.cgi?id=722196)
3. Focus should stay there on this element.
4. Use the mouse roller to move in directions in the page.



Actual results:

The elements did not always have the right focus.
Check here: http://i39.tinypic.com/ncz6ew.png


Expected results:

When clicking on an element, it must always retain the right focus.

Comment 1

[Paul Rouget [:paul]]

I think this is fixed by bug 566092. Can you try with Firefox Nightly 12? (it will be in Aurora in 2 days).

Comment 2

[sys.sgx]

Paul I'll try it the soonest possible next week.

Comment 3

[sys.sgx]

issue persists on Firefox 11.

Comment 4

[Paul Rouget [:paul]]

Can you please test with Firefox 12 and 13.

Comment 5

[sys.sgx]

Attachment: A fixed topbar hiding the selected element should indicate our element exists inside it

Comment 6

[sys.sgx]

OK! This is now working! :-)
I checked it with Firefox 13a1.

One more thing though could make it really awesome. If on this page http://twitter.github.com/bootstrap/scaffolding.html you inspect the span12 and try moving with the roller, at some point the element will be in focus, but it will be also overshadowed by the fixed top bar. Could the highlighted element change color if other elements are above it?

thanks

Comment 7

[sys.sgx]

see the attached image in this post.

Comment 8

[Paul Rouget [:paul]]

(In reply to sys.sgx from comment #5)
> Created attachment 604901 [details]
> A fixed topbar hiding the selected element should indicate our element
> exists inside it

Not sure to understand what that means.

Comment 9

[Paul Rouget [:paul]]

(In reply to sys.sgx from comment #6)
> OK! This is now working! :-)
> I checked it with Firefox 13a1.
> 
> One more thing though could make it really awesome. If on this page
> http://twitter.github.com/bootstrap/scaffolding.html you inspect the span12
> and try moving with the roller, at some point the element will be in focus,
> but it will be also overshadowed by the fixed top bar. Could the highlighted
> element change color if other elements are above it?

I don't understand that neither.
What is the "roller"? What do you call the "top bar"?

Comment 10

[sys.sgx]

ok, first of all, now the element stays in focus, so basically this bug is done. now, here's some more info:

* Roller: when you roll with your mouse roller inside the screen :)
* Top bar: visit this page, http://twitter.github.com/bootstrap/scaffolding.html, the top bar is the css fixed bar that is at the top always.

- if there are no css fixed elements in the page, everything is fine. The element is highlighted and viewable as expected inside the browser area.

- But if there are css fixed elements in the page, like the top bar in the url specified, then when you try to roll inside the page, at some point our highlighted element will come below the fixed element. The thing is, that fixed element which is above now the highlighted element keeps having the bright focus, and it appears as if our highlighted element is the fixed bar.

If you inspect the span12 element in the url provided, and then roll up in the page, at some point the span12 will have the top bar above it, as in the image included here. Now, there should be a way to tell that our focused element exists somewhere there and it not this fixed bar you see. Perhaps this could be done with different coloring.

hope this helps a bit :)
let me know for any news.

Comment 11

[Paul Rouget [:paul]]

(In reply to sys.sgx from comment #10)
> - But if there are css fixed elements in the page, like the top bar in the
> url specified, then when you try to roll inside the page, at some point our
> highlighted element will come below the fixed element. The thing is, that
> fixed element which is above now the highlighted element keeps having the
> bright focus, and it appears as if our highlighted element is the fixed bar.
> 
> If you inspect the span12 element in the url provided, and then roll up in
> the page, at some point the span12 will have the top bar above it, as in the
> image included here. Now, there should be a way to tell that our focused
> element exists somewhere there and it not this fixed bar you see. Perhaps
> this could be done with different coloring.

I see. When an element is above the selected element, we should keep the dashed borders, but the selection should be dimmed.

Can you please file a bug for that?

Comment 12

[sys.sgx]

new bug moved here: https://bugzilla.mozilla.org/show_bug.cgi?id=734865