<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.3">Jekyll</generator><link href="https://rixx.github.io/baseline-updates/feed/by_tag/selection.xml" rel="self" type="application/atom+xml" /><link href="https://rixx.github.io/baseline-updates/" rel="alternate" type="text/html" /><updated>2026-05-24T01:11:00+00:00</updated><id>https://rixx.github.io/baseline-updates/feed/by_tag/selection.xml</id><title type="html">Baseline Updates</title><subtitle>Updates to the Baseline collection. Including RSS feeds (both for all updates and individual tags).</subtitle><entry><title type="html">New in Low Baseline Support: Selection composed ranges</title><link href="https://rixx.github.io/baseline-updates/2025/08/19/composed-ranges.html" rel="alternate" type="text/html" title="New in Low Baseline Support: Selection composed ranges" /><published>2025-08-19T00:00:00+00:00</published><updated>2025-08-19T00:00:00+00:00</updated><id>https://rixx.github.io/baseline-updates/2025/08/19/composed-ranges</id><content type="html" xml:base="https://rixx.github.io/baseline-updates/2025/08/19/composed-ranges.html"><![CDATA[<p><a href="https://caniuse.com/?search=composed-ranges">caniuse</a> · <a href="https://developer.mozilla.org/en-US/search?q=Selection composed ranges">mdn</a> · <a href="https://w3c.github.io/selection-api/#dom-selection-getcomposedranges">spec</a></p>

<p>The <code class="language-plaintext highlighter-rouge">window.getSelection().getComposedRanges()</code> method returns ranges that represent the current user selection, even if the selection spans across shadow tree boundaries.</p>

<h3 id="source-features">Source features</h3>

<ul>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.getComposedRanges</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.getComposedRanges">[mdn]</a></li>
</ul>]]></content><author><name></name></author><category term="baseline-low" /><category term="selection" /><category term="web-components" /><summary type="html"><![CDATA[caniuse · mdn · spec]]></summary></entry><entry><title type="html">New in High Baseline Support: Selection</title><link href="https://rixx.github.io/baseline-updates/2019/09/07/selection-api.html" rel="alternate" type="text/html" title="New in High Baseline Support: Selection" /><published>2019-09-07T00:00:00+00:00</published><updated>2019-09-07T00:00:00+00:00</updated><id>https://rixx.github.io/baseline-updates/2019/09/07/selection-api</id><content type="html" xml:base="https://rixx.github.io/baseline-updates/2019/09/07/selection-api.html"><![CDATA[<p><a href="https://caniuse.com/?search=selection-api">caniuse</a> · <a href="https://developer.mozilla.org/en-US/search?q=Selection">mdn</a> · <a href="https://w3c.github.io/selection-api/">spec</a></p>

<p>The Selection API controls and modifies user text selections within the page.</p>

<h3 id="source-features">Source features</h3>

<ul>
  <li><code class="language-plaintext highlighter-rouge">api.Window.getSelection</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Window.getSelection">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.anchorNode</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.anchorNode">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.anchorOffset</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.anchorOffset">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.collapse</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.collapse">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.collapseToEnd</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.collapseToEnd">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.collapseToStart</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.collapseToStart">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.focusNode</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.focusNode">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.focusOffset</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.focusOffset">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.isCollapsed</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.isCollapsed">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.toString</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.toString">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.addRange</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.addRange">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.getRangeAt</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.getRangeAt">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.rangeCount</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.rangeCount">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.removeAllRanges</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.removeAllRanges">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.containsNode</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.containsNode">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.deleteFromDocument</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.deleteFromDocument">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.extend</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.extend">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.selectAllChildren</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.selectAllChildren">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Document.getSelection</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Document.getSelection">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Document.selectionchange_event</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Document.selectionchange_event">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.setBaseAndExtent</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.setBaseAndExtent">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.empty</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.empty">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.setPosition</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.setPosition">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.type</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.type">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.modify</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.modify">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.removeRange</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.removeRange">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Node.selectstart_event</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Node.selectstart_event">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.direction</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.direction">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.HTMLInputElement.selectionchange_event</code> <a href="https://developer.mozilla.org/en-US/search?q=api.HTMLInputElement.selectionchange_event">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.HTMLTextAreaElement.selectionchange_event</code> <a href="https://developer.mozilla.org/en-US/search?q=api.HTMLTextAreaElement.selectionchange_event">[mdn]</a></li>
</ul>]]></content><author><name></name></author><category term="baseline-high" /><category term="selection" /><summary type="html"><![CDATA[caniuse · mdn · spec]]></summary></entry><entry><title type="html">New in Low Baseline Support: Selection</title><link href="https://rixx.github.io/baseline-updates/2017/03/07/selection-api.html" rel="alternate" type="text/html" title="New in Low Baseline Support: Selection" /><published>2017-03-07T00:00:00+00:00</published><updated>2017-03-07T00:00:00+00:00</updated><id>https://rixx.github.io/baseline-updates/2017/03/07/selection-api</id><content type="html" xml:base="https://rixx.github.io/baseline-updates/2017/03/07/selection-api.html"><![CDATA[<p><a href="https://caniuse.com/?search=selection-api">caniuse</a> · <a href="https://developer.mozilla.org/en-US/search?q=Selection">mdn</a> · <a href="https://w3c.github.io/selection-api/">spec</a></p>

<p>The Selection API controls and modifies user text selections within the page.</p>

<h3 id="source-features">Source features</h3>

<ul>
  <li><code class="language-plaintext highlighter-rouge">api.Window.getSelection</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Window.getSelection">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.anchorNode</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.anchorNode">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.anchorOffset</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.anchorOffset">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.collapse</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.collapse">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.collapseToEnd</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.collapseToEnd">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.collapseToStart</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.collapseToStart">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.focusNode</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.focusNode">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.focusOffset</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.focusOffset">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.isCollapsed</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.isCollapsed">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.toString</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.toString">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.addRange</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.addRange">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.getRangeAt</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.getRangeAt">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.rangeCount</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.rangeCount">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.removeAllRanges</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.removeAllRanges">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.containsNode</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.containsNode">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.deleteFromDocument</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.deleteFromDocument">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.extend</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.extend">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.selectAllChildren</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.selectAllChildren">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Document.getSelection</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Document.getSelection">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Document.selectionchange_event</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Document.selectionchange_event">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.setBaseAndExtent</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.setBaseAndExtent">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.empty</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.empty">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.setPosition</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.setPosition">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.type</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.type">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.modify</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.modify">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.removeRange</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.removeRange">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Node.selectstart_event</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Node.selectstart_event">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.Selection.direction</code> <a href="https://developer.mozilla.org/en-US/search?q=api.Selection.direction">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.HTMLInputElement.selectionchange_event</code> <a href="https://developer.mozilla.org/en-US/search?q=api.HTMLInputElement.selectionchange_event">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.HTMLTextAreaElement.selectionchange_event</code> <a href="https://developer.mozilla.org/en-US/search?q=api.HTMLTextAreaElement.selectionchange_event">[mdn]</a></li>
</ul>]]></content><author><name></name></author><category term="baseline-low" /><category term="selection" /><summary type="html"><![CDATA[caniuse · mdn · spec]]></summary></entry></feed>