Skip to content

Commit af700a0

Browse files
foolipfoolip
committed
Drop contentmeothod=replace and prepend
1 parent 911cd92 commit af700a0

File tree

1 file changed

+15
-83
lines changed

1 file changed

+15
-83
lines changed

‎source‎

Lines changed: 15 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -67908,10 +67908,6 @@ interface <dfn interface>HTMLTemplateElement</dfn> : <span>HTMLElement</span> {
6790867908
<th>State
6790967909
<th>Brief description
6791067910
<tbody>
67911-
<tr>
67912-
<td><dfn attr-value for="template/contentmethod"><code data-x="attr-contentmethod-replace">replace</code></dfn>
67913-
<td><dfn data-x="attr-contentmethod-replace-state">Replace</dfn>
67914-
<td>Replace the target element itself.
6791567911
<tr>
6791667912
<td><dfn attr-value for="template/contentmethod"><code data-x="attr-contentmethod-replace-children">replace-children</code></dfn>
6791767913
<td><dfn data-x="attr-contentmethod-replace-children-state">Replace Children</dfn>
@@ -67920,10 +67916,6 @@ interface <dfn interface>HTMLTemplateElement</dfn> : <span>HTMLElement</span> {
6792067916
<td><dfn attr-value for="template/contentmethod"><code data-x="attr-contentmethod-append">append</code></dfn>
6792167917
<td><dfn data-x="attr-contentmethod-append-state">Append</dfn>
6792267918
<td>Append child nodes to the target element.
67923-
<tr>
67924-
<td><dfn attr-value for="template/contentmethod"><code data-x="attr-contentmethod-prepend">prepend</code></dfn>
67925-
<td><dfn data-x="attr-contentmethod-prepend-state">Prepend</dfn>
67926-
<td>Prepend child nodes to the target element.
6792767919
</table>
6792867920

6792967921
<p>The <code data-x="attr-template-contentmethod">contentmethod</code> attribute's <i
@@ -68240,18 +68232,18 @@ interface <dfn interface>HTMLTemplateElement</dfn> : <span>HTMLElement</span> {
6824068232
aside {
6824168233
/* position the aside where it can grow without causing layout shift or obscuring other content */
6824268234
}
68243-
aside.wireframe {
68244-
/* style the wireframe content */
68235+
aside:has(.placeholder) {
68236+
/* style the placeholder content */
6824568237
}
6824668238
&lt;/style>
6824768239
&lt;/head>
6824868240
&lt;body>
6824968241
&lt;h1>How to train your cat&lt;/h1>
6825068242
&lt;p>Set realistic goals and don't expect your cat to make a perfect cup of tea
6825168243
on the first try.&lt;/p>
68252-
&lt;aside contentname="recommended" class="wireframe">
68244+
&lt;aside contentname="recommended">
6825368245
&lt;p>Recommended reading:&lt;/p>
68254-
&lt;ul>
68246+
&lt;ul class="placeholder">
6825568247
&lt;li>...&lt;/li>
6825668248
&lt;li>...&lt;/li>
6825768249
&lt;li>...&lt;/li>
@@ -68262,7 +68254,7 @@ interface <dfn interface>HTMLTemplateElement</dfn> : <span>HTMLElement</span> {
6826268254

6826368255
&lt;!-- The server has a potentially long delay at this point. --&gt;
6826468256

68265-
&lt;template contentmethod="replace">
68257+
&lt;template contentmethod="replace-children">
6826668258
&lt;aside contentname="recommended">
6826768259
&lt;p>Recommended reading:&lt;/p>
6826868260
&lt;ul>
@@ -139401,37 +139393,8 @@ dictionary <dfn dictionary>StorageEventInit</dfn> : <span>EventInit</span> {
139401139393

139402139394
<li><p><span>Assert</span>: <var>current node</var> is a <code>template</code> element.</p></li>
139403139395

139404-
<li>
139405-
<p>If <var>content reference node</var> is not null:</p>
139406-
139407-
<ol>
139408-
<li><p><span>Assert</span>: <var>current node</var>'s <code
139409-
data-x="attr-template-contentmethod">contentmethod</code> attribute is in the <span
139410-
data-x="attr-contentmethod-prepend-state">Prepend</span> state.</p></li>
139411-
139412-
<li><p>If <var>element</var>'s <var>content reference node</var> is a child of
139413-
<var>element</var>'s <var>content target</var>, set <var>adjusted insertion location</var> to
139414-
inside <var>element</var>'s <var>content target</var>, before <var>content reference
139415-
node</var>.</p></li>
139416-
139417-
<li><p>Otherwise, TODO error event and sticky state.</p></li>
139418-
</ol>
139419-
</li>
139420-
139421-
<li>
139422-
<p>Otherwise:</p>
139423-
139424-
<ol>
139425-
<li><p><span>Assert</span>: <var>current node</var>'s <code
139426-
data-x="attr-template-contentmethod">contentmethod</code> attribute is in the <span
139427-
data-x="attr-contentmethod-replace-children-state">Replace Children</span>, <span
139428-
data-x="attr-contentmethod-append-state">Append</span>, or <span
139429-
data-x="attr-contentmethod-prepend-state">Prepend</span> state.</p></li>
139430-
139431-
<li><p>Set <var>adjusted insertion location</var> to inside <var>element</var>'s <var>content
139432-
target</var>, after its last child (if any).</p></li>
139433-
</ol>
139434-
</li>
139396+
<li><p>Set <var>adjusted insertion location</var> to inside <var>element</var>'s <var>content
139397+
target</var>, after its last child (if any).</p></li>
139435139398
</ol>
139436139399
</li>
139437139400

@@ -139626,43 +139589,14 @@ dictionary <dfn dictionary>StorageEventInit</dfn> : <span>EventInit</span> {
139626139589
<var>element</var>:</p>
139627139590

139628139591
<ol>
139629-
<li><p>Let <var>state</var> be the state that <var>template</var>'s
139630-
<code data-x="attr-template-contentmethod">contentmethod</code> attribute is in.</p></li>
139592+
<li><p>Let <var>state</var> be the state that in.</p></li>
139631139593

139632-
<li>
139633-
<p>If <var>state</var> is <span data-x="attr-contentmethod-replace-state">Replace</span>:</p>
139634-
139635-
<ol>
139636-
<li><p>Set <var>adjusted insertion location</var> to inside <var>target</var>'s parent,
139637-
after <var>target</var>.</p></li>
139638-
139639-
<li><p>Remove <var>target</var> from its parent.</p></li>
139640-
</ol>
139641-
</li>
139594+
<li><p>Set <var>element</var>'s <span>content target</span> to <var>target</var>.</p></li>
139642139595

139643-
<li>
139644-
<p>Otherwise:</p>
139645-
139646-
<ol>
139647-
<li><p>Set <var>element</var>'s <span>content target</span> to <var>target</var>.</p></li>
139648-
139649-
<li><p>If <var>state</var> is <span data-x="attr-contentmethod-replace-children-state">Replace Children</span>,
139650-
remove <var>target</var>'s children from <var>target</var>.</p></li>
139651-
139652-
<li>
139653-
<p>If <var>state</var> is <span data-x="attr-contentmethod-prepend-state">Prepend</span>,
139654-
set <var>element</var>'s <span>content reference node</span> to <var>target</var>'s
139655-
<span>first child</span>.</p>
139656-
139657-
<p class="note">If <var>target</var>'s <span>first child</span> is null,
139658-
<var>element</var>'s <span>content reference node</span> remains set to null and the
139659-
default append behavior is used.</p>
139660-
139661-
<p class="note">The <span data-x="attr-contentmethod-append-state">Append</span> state is
139662-
not handled here, as appending is the default behavior.</p>
139663-
</li>
139664-
</ol>
139665-
</li>
139596+
<li><p>If <var>template</var>'s <code
139597+
data-x="attr-template-contentmethod">contentmethod</code> attribute is in the <span
139598+
data-x="attr-contentmethod-replace-children-state">Replace Children</span> state, then
139599+
remove <var>target</var>'s children from <var>target</var>.</p></li>
139666139600
</ol>
139667139601
</li>
139668139602

@@ -152993,10 +152927,8 @@ interface <dfn interface>External</dfn> {
152993152927
<th> <code data-x="">contentmethod</code>
152994152928
<td> <code data-x="attr-template-contentmethod">template</code>
152995152929
<td> Enables out-of-order streaming <!-- TODO better words -->
152996-
<td> "<code data-x="attr-contentmethod-replace">replace</code>";
152997-
"<code data-x="attr-contentmethod-replace-children">replace-children</code>";
152998-
"<code data-x="attr-contentmethod-append">append</code>";
152999-
"<code data-x="attr-contentmethod-prepend">prepend</code>"
152930+
<td> "<code data-x="attr-contentmethod-replace-children">replace-children</code>";
152931+
"<code data-x="attr-contentmethod-append">append</code>"
153000152932
<tr>
153001152933
<th> <code data-x="">contentname</code>
153002152934
<td> <span data-x="attr-contentname">HTML elements</span>

0 commit comments

Comments
 (0)