Open Bug 1171873 Opened 9 years ago Updated 2 years ago

[Style Editor] We should display CSS warnings and errors in the Style Editor

Categories

(DevTools :: Style Editor, enhancement, P3)

Product:
DevTools
Component:
Style Editor
Type:
enhancement

Tracking

(Not tracked)

People

(Reporter: julienw, Unassigned)

References

(Blocks 1 open bug)

Details

STR:
1. Go to https://www.react-europe.org/
2. observe warnings in the console tab.
3. observe they're not at all in the Style Editor.

Showing these warnings in the Style Editor would be really useful to see where issues are.

Bonus if we can filter out errors coming from prefixed known properties.
Bonus if we can have a global "view" of the file with these errors (so that we can quickly jump at an error location), a la Eclipse (see on the right of http://i.stack.imgur.com/0wFIw.png)
Inspector bug triage (filter on CLIMBING SHOES).
Severity: normal → enhancement
Inspector bug triage (filter on CLIMBING SHOES).
Priority: -- → P3
Product: Firefox → DevTools

I believe a good way to display those errors would be to strike out invalid declarations or selectors and show an (i) icon besides them like it's done in the Rules view. Hovering the icon would then display the related message and ideally provide additional info inline and/or via a link to MDN.

Sebastian

Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.