1652671 - [meta] Add a way to show DocumentFragment as a DOM-tree instead of showing its properties

Status: NEW

(DevTools :: Console, enhancement, P3)

Description

[Frederik Braun [:freddy] (OOO until August 18th)]

Bug 1650370 and dependents will implement a new API that can sanitize bad HTML into a clean DOM tree. I'm filing this bug to have a place for DevTools considerations around this feature.

I will add developer-friendly logging to the API, but wanted to have an issue to tag related ideas, just in case.

E.g., the API returns a DocumentFragment, which might enjoy some improved DevTools support.
A DocFragment in the console shows as DocumentFragment [ html element names ], but expanding the object shows lots of less-interesting stuff.
I think it would be nice if w had a way to get the HTML content of a DocumentFragment shown as a string in DevTools.

Comment 1

[Frederik Braun [:freddy] (OOO until August 18th)]

This should be very easy given https://bugzilla.mozilla.org/show_bug.cgi?id=1653232

Comment 2

[Nicolas Chevobbe [:nchevobbe]]

Looks like a great motive to do the final push on Bug 1552531!

Comment 3

[Frederik Braun [:freddy] (OOO until August 18th)]

The latest API has moved away from DocumentFragment as the main return type and will focus on direct insertion (e.g., with Element.setHTML()). It's probably still valuable to make DocumentFragments nicer to work with in DevTools, but it's no longer relevant for this API.

Comment 4

[BugBot [:suhaib / :marco/ :calixte]]

The meta keyword is there, the bug doesn't depend on other bugs and there is no activity for 12 months.
:nchevobbe, maybe it's time to close this bug?

Comment 5

[Nicolas Chevobbe [:nchevobbe]]

let's turn it into something specific for DocumentFragment and block it on Bug 1552531