1911438 - Inspector erroneously displays CSS rules with escaped characters as invalid

Status: NEW

(DevTools :: Inspector: Rules, defect, P3)

Description

[April Lunarii]

Attachment: escaped rule.png

Steps to reproduce:

I added the inline style rule p\osition: f\ixed to an element while testing a website frontend, and despite the rule being parsed as a valid CSS rule and setting the element to a fixed position, the DevTools inspector shows the rule as invalid.

Expected results:

I have seen some similar bugs before where there is a discrepancy between what the renderer considers valid CSS and what the inspector considers valid CSS, but this should be a relatively simple case to resolve.

Comment 1

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

The Bugbug bot thinks this bug should belong to the 'DevTools::Inspector: Rules' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Julian Descottes [:jdescottes]]

Maybe we double escape the character when returning the rule from the server?
Thanks for filing