v150 · HTML · Forms
Multi-Mirror Builder
A single customisable <select> element with one button mirror and three additional <selectedcontent> descendants. Chrome 150 keeps all four in sync; older behavior updated only the first descendant.
Checking <selectedcontent> multi-clone support…
Choose a colour:
—Change the select to see update log
the <selectedcontent> markup pattern
<select id="colour-select">
<button>
Button: <selectedcontent></selectedcontent>
<span class="toolbar-badge">
<selectedcontent></selectedcontent>
</span>
<span class="status-bar">
<selectedcontent></selectedcontent>
</span>
<span class="breadcrumb">
<selectedcontent></selectedcontent>
</span>
</button>
<option value="red">Red</option>
<option value="blue">Blue</option>
</select>
see also
- Multiple Mirrors — minimal native structure
- Sync Inspector — observer timing for the same mirrors
- ChromeStatus entry
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗