Gallery

State of HTML Planning

Non-content

Explore

Survey Outline

Interactivity

Interactive widgets, events, DOM manipulation

Last edited 338 days ago by S G

Legend: ✅ Definitely keep 🔶 Not sure yet ❌ Likely Remove

❌ Which of the following events have you used?

(Format:

Checkboxes with sentiment chips⁠

)

openfind

overscroll

scrollend

input

paste

visibilitychange

hashchange

🚫 None of the above

❌ Which of the following have you used?

(Format:

Checkboxes with sentiment chips⁠

)

element.addEventListener(event, callback)

element.dispatchEvent()

new CustomEvent()

once option in addEventListener()

passive option in addEventListener()

signal option in addEventListener()

🚫 None of the above

Which of the following DOM methods have you used?

(Format:

Checkboxes with sentiment chips⁠

)

element.innerHTML | element_innerhtml

element.textContent | element_textcontent

element.insertAdjacentHTML() | element_insert_adjacent_html

element.insertAdjacentElement() | element_insert_adjacent_element

element.append() | element_append

element.appendChild() | element_append_child

element.before() and/or element.after() | element_before_after

element.replaceWith() | element_replace_with

element.replaceChild() | element_replace_child

element.replaceChildren() | element_replace_children

element.toggleAttribute() | element_toggle_attribute

🚫 None of the above

✅ Interactivity

What do you use to manipulate the DOM client-side and/or add interactivity?

(Format:

Checkboxes with sentiment chips⁠

multiple custom options⁠

)

Using the DOM directly

Web Components

JS Frameworks (VueJS, React, htmx etc)

DOM manipulation libraries (jQuery etc)

N/A

⁠

Feature questions

(Format:

Feature questions⁠

)

Question

Focus area

Type

Status

Discussion

Upvotes

In Part 1

dialog_element

Interactivity

HTML element

Stable

Yes

Popover API

popover_api

Interactivity

HTML attribute

JS API

CSS

Cutting Edge

Yes

details_element

Interactivity

HTML element

Stable

Yes

inert attribute

inert_attribute

Interactivity

HTML attribute

Recent

Yes

DOM Parts

dom_parts

Interactivity

HTML element

Future

Yes

focusgroup attribute

focusgroup_attribute

Accessibility

Interactivity

HTML attribute

Future

Yes

Exclusive accordion (<details name=”...”>)

accordion_element

Interactivity

HTML element

Future

Yes

Navigation API

navigation_api

Interactivity

JS API

Cutting Edge

Maybe

No results from filter

⁠

What are your pain points around interactivity & HTML?

This includes things like events, DOM manipulation etc.

(Format:

List of freeform fields⁠

)

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.