1496716 - Flexbox inspector fails when encountering text node as flex item

Status: RESOLVED DUPLICATE of bug 1497181

(DevTools :: Inspector, defect)

Description

[Razvan Caliman [:rcaliman]]

Attachment: Error in toolbox console

Steps:

- Run this in a new tab:
data:text/html,<style>div {display: flex }</style><div>test

- Open DevTools, switch to Inspector, Layout sidebar
- In the Elements panel, select the DIV with the "flex" badge

Result:

Errors thrown in the toolbox console. Layout sidebar doesn't update to show information about the flex container.


Expected:

Information about the flex container should show up in the Layout sidebar.


The cause seems to be that FlexItemActor calls getBoundingClientRect() on the text node which throws an uncaught error that cascades through the protocol:
https://searchfox.org/mozilla-central/source/devtools/server/actors/layout.js#157