1388248 - Scroll when expanding last message ObjectInspector

Status: NEW

(DevTools :: Console, enhancement, P2)

Description

[Nicolas Chevobbe [:nchevobbe]]

Steps to reproduce:
1. Open the console
2. Log multiple messages so you have a scrollbar in the console output
3. Log `({a: 1})`
4. Expand the object

Expected results:
The properties of the expanded object are visible

Actual results:
The properties are under the fold.

---

We could try to scroll the expanded node on the top of the console output.

This needs hooks in the ObjectInspector component (onNodeExpand, onNodeCollapse, …) that we could use in the console to scroll the properties into view.

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

I have another case, which sounds more like a bug.

Steps to reproduce:

1. Go to `data:text/html,<script>for (i =0; i < 100; i++) {console.log("item", i)}</script><ol>Steps to reproduce:<li>Open the console</li><make sure you're scrolled at the bottom</li><li>Click on this button <button onClick="console.dir({a: 1, b: 2});">Add console.dir<button></li><li>Click on this button <button onClick="console.dir({a: 1, b: 2});">Add console.dir<button>`
2. Follow the instructions

Expected results:
When clicking the second button, the console is scrolled to the bottom

Actual results:
The console does not scroll (I only see the top of the first console.dir log)

---

Because the first console.dir expands, the console is not scrolled to the bottom anymore, and when clicking on the second button, our `shouldScrollToBottom` function returns false.

Comment 2

[Nicolas Chevobbe [:nchevobbe]]

Filed Bug 1447041 for Comment 1