From 0908d7e7089bf4e6dd721362a3e55af3fbff1a01 Mon Sep 17 00:00:00 2001
From: Simon Pieters <zcorpan@gmail.com>
Date: Mon, 8 Aug 2022 15:46:43 +0200
Subject: [PATCH] Replace the 0px rendered width check with a computed value
 check for 'width' and 'min-width'

---
 source | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/source b/source
index 9e88494153c..8e222001595 100644
--- a/source
+++ b/source
@@ -29016,8 +29016,9 @@ was an English &lt;a href="/wiki/Music_hall">music hall&lt;/a> singer, ...</code
   <p>The keyword <dfn data-x="valdef-sizes-auto">auto</dfn> means the rendered width of the
   <code>img</code> element that initiated the image loading (with the <span>update the image
   data</span> or <span data-x="img-environment-changes">react to environment changes</span>
-  algorithms), if any, in <span data-x="'px'">CSS pixels</span>, if that is not <code
-  data-x="">0px</code>, and that <code>img</code> element is <span>being rendered</span>, and the
+  algorithms), if any, in <span data-x="'px'">CSS pixels</span>, if that <code>img</code> element is
+  <span>being rendered</span>, and the element's <span>computed value</span> of the
+  <span>'width'</span> and <span>'min-width'</span> properties are not both 'auto', and the
   <code>img</code> element's <code data-x="attr-img-loading">loading</code> attribute is in the
   <span data-x="attr-loading-lazy-state">Lazy</span> state; otherwise, <code
   data-x="">100vw</code>.</p>
@@ -29039,6 +29040,11 @@ was an English &lt;a href="/wiki/Music_hall">music hall&lt;/a> singer, ...</code
    data-x="attr-loading-lazy-state">Lazy</span> state.</p></li>
   </ul>
 
+  <p class="note">In addition, it is strongly encouraged to specify dimensions using the <code
+  data-x="attr-dim-width">width</code> and <code data-x="attr-dim-height">height</code> attributes
+  or with CSS. Without specified dimensions, the <span data-x="valdef-sizes-auto">auto</span>
+  keyword is equivalent to <code data-x="">100vw</code>.</p>
+
   <p>The <span>&lt;source-size-value></span> gives the intended layout width of the image. The
   author can specify different widths for different environments with
   <span>&lt;media-condition></span>s.</p>
@@ -30343,8 +30349,9 @@ was an English &lt;a href="/wiki/Music_hall">music hall&lt;/a> singer, ...</code
    <li><p>If <var>img</var> is null, or <var>img</var>'s <code
    data-x="attr-img-loading">loading</code> attribute is not in the <span
    data-x="attr-loading-lazy-state">Lazy</span> state, or <var>img</var> is not <span>being
-   rendered</span>, or <var>img</var>'s rendered width in <span data-x="'px'">CSS pixels</span> is
-   <code data-x="">0px</code>, then return <code data-x="">100vw</code>.</p></li>
+   rendered</span>, or <var>img</var>'s <span>computed value</span> of the <span>'width'</spab> and
+   <span>'min-width'</span> properties are both 'auto', then return <code
+   data-x="">100vw</code>.</p></li>
 
    <li><p>Return the rendered width of <var>img</var>, in <span
    data-x="'px'">CSS pixels</span>.</p></li>