Open Bug 1270025 Opened 8 years ago Updated 2 years ago

Add auto-completion for element attributes

Categories

(DevTools :: Inspector, enhancement, P3)

Product:
DevTools
Component:
Inspector
Type:
enhancement

Tracking

(Not tracked)

People

(Reporter: sebo, Unassigned)

References

(Blocks 2 open bugs)

Details

User Story

As a web developer I want to get a list of suggestions when editing an element's attribute names and values to save some typing or documentation lookup and avoid typos.
When editing attributes of HTML, SVG, MathML and XML within the Inspector there should be suggestions for auto-completion.

Firebug already has an auto-completion for HTML, borrowing code from CodeMirror:
https://github.com/firebug/firebug/blob/b16a810c666a41a20da9cf511096f93d388bf4f3/extension/content/firebug/editor/codemirror/html-hint-data.js

and for SVG:
https://github.com/firebug/firebug/blob/b16a810c666a41a20da9cf511096f93d388bf4f3/extension/content/firebug/lib/xml.js#L45-L128

Sebastian
Blocks: 1270026
Inspector bug triage (filter on CLIMBING SHOES).
Priority: -- → P3
Depends on: 920404
See Also: → 1325599
Btw. this bug is meant for both, attribute names and values. E.g. writing 'r' as attribute name should list 'rp', 'rt', 'rtc' and 'ruby', while writing 'r' as value for the 'dir' attribute should be auto-completed to 'rtl'.

Sebastian
User Story: (updated)
Assignee: nobody → zer0
Status: NEW → ASSIGNED
Assignee: zer0 → nobody
Status: ASSIGNED → NEW
Product: Firefox → DevTools
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.