LibWebView: Sort vendor-prefixed properties last in the inspector

Previously, the legacy `-webkit-foo` properties would all be top of the
list, when they are generally not useful to inspect. Instead, put them
at the bottom, so that users can still see them if they want to, but
they're not in the way.

(cherry picked from commit 113b4da1df7ec65a8686af4e7b91e2f8d4114e2c)
This commit is contained in:
Sam Atkins 2024-08-02 11:37:27 +01:00 committed by Nico Weber
parent 8999ebae52
commit a7cf06b288

View file

@ -195,7 +195,20 @@ inspector.createPropertyTables = (computedStyle, resolvedStyle, customProperties
newTable.setAttribute("id", tableID);
Object.keys(properties)
.sort()
.sort((a, b) => {
let baseResult = a.localeCompare(b);
// Manually move vendor-prefixed items after non-prefixed ones.
if (a[0] === "-") {
if (b[0] === "-") {
return baseResult;
}
return 1;
}
if (b[0] === "-") {
return -1;
}
return baseResult;
})
.forEach(name => {
let row = newTable.insertRow();