@jsenv/navi 0.30.12 → 0.30.13

package/dist/dev/jsenv_navi.js

@@ -56014,6 +56014,7 @@ const TextAnchor = ({
   lineLayout
 }) => {
   import.meta.css = [css$11, "@jsenv/navi/src/text/text_anchor.jsx"];
+  const fontArrival = fontArrivalSignal.value;
   const anchorRef = useRef();
   // The correction reads the layout, with the other reads of the commit (see
   // layout_batch.js) — an anchor per icon, each measured between two writes,
@@ -56083,7 +56084,7 @@ const TextAnchor = ({
         };
       };
     });
-  }, [textAnchor, textKey, textSize, lineLayout?.size, lineLayout?.verticalAlign]);
+  }, [textAnchor, textKey, textSize, lineLayout?.size, lineLayout?.verticalAlign, fontArrival]);
   return jsxs(Fragment, {
     children: [children, jsx("span", {
       ref: anchorRef,
@@ -56164,6 +56165,23 @@ const computeTopOffset = ({
 };
 const charTopCanvas = document.createElement("canvas");
 
+// Bumped each time the document finishes loading fonts. A correction measured
+// while a web font is still loading is made of the fallback face's line box,
+// baseline and capitals, and every one of them moves when the font arrives.
+// One listener for every anchor, held while one is mounted: the anchors re-render
+// together and their reads join the same layout round.
+const onFontsLoaded = () => {
+  fontArrivalSignal.value++;
+};
+const fontArrivalSignal = /*#__PURE__*/signal(0, {
+  watched: () => {
+    document.fonts.addEventListener("loadingdone", onFontsLoaded);
+  },
+  unwatched: () => {
+    document.fonts.removeEventListener("loadingdone", onFontsLoaded);
+  }
+});
+
 const useInitialTextSelection = (ref, textSelection) => {
   const deps = [];
   if (Array.isArray(textSelection)) {