@jsenv/navi 0.29.446 → 0.29.447

package/dist/jsenv_navi.js

@@ -93477,6 +93477,12 @@ const DEFAULT_PLACEHOLDER_LIGHT = "#d4d8dd";
 const DEFAULT_PLACEHOLDER_DARK = "#374151";
 
 /**
+ * The props may come in any order: `src` and `srcset` reach the element after
+ * `loading` and the other hints. A plain `<img>` (or `<Box as="img">`) written
+ * in JSX must put `loading` before `src`: WebKit, so every browser on iOS,
+ * decides whether to load when `src` is set, and an image whose `src` came
+ * first loads, lazy or not.
+ *
  * @param {string|false} [props.placeholderColor] - Background color shown while the image loads.
  *   Defaults to a light gray. Pass `false` to disable.
  * @param {boolean} [props.placeholderDark] - Use a dark default placeholder color,
@@ -93486,6 +93492,9 @@ const DEFAULT_PLACEHOLDER_DARK = "#374151";
 const Image = ({
   placeholderColor,
   placeholderDark = false,
+  srcset,
+  srcSet,
+  src,
   ...rest
 }) => {
   import.meta.css = [css$5, "@jsenv/navi/src/graphic/image.jsx"];
@@ -93510,6 +93519,13 @@ const Image = ({
       imageEl.setAttribute("navi-loaded", "");
       rest.onLoad?.(e);
     }
+    // Last, srcset before src: an <img> decides its request when they are
+    // set, with the attributes it has at that moment. WebKit loads an image
+    // whose src arrives before loading="lazy", and does not take it back.
+    ,
+    srcset: srcset,
+    srcSet: srcSet,
+    src: src
   });
 };