OpaqueRange

OpaqueRange lets developers create live ranges over text inside <input> and <textarea> elements that automatically update as the user edits. These ranges support geometry methods like getBoundingClientRect() and the CSS Custom Highlight API, enabling use cases like caret-positioned popups and inline spell-check highlighting directly on form controls without cloning elements or exposing internal DOM structure.