fontdue-js 3.0.3 → 3.0.4

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 3.0.4
+
+- Fixed the `CharacterViewer` breaking its grid layout when a character set contains glyphs that need an OpenType feature. Each character set is wrapped in its own element so it can carry its own `font-feature-settings`; those wrappers are now `display: contents` so their cells flow through the block's single grid, rather than each wrapper being its own grid and forcing a row break at every feature boundary — an inserted `ss01`/`salt` alternate no longer lands alone on the next row.
+
 ## 3.0.3
 
 - Fixed misaligned style names in `StoreModal`. The feature-glyphs preview is no longer rendered when a style has nothing to show — a variable font with no named instances, or a non-variable style with no representative glyph for its languages — so its empty wrapper no longer indents the style name and rows in a family now line up.

package/dist/components/CharacterViewer/index.js

@@ -207,9 +207,11 @@ function CharacterViewerComponent(_ref2) {
   const [cellWidth, setCellWidth] = useState(null);
   const measureCell = useCallback(() => {
     var _blocksRef$current;
-    const list = (_blocksRef$current = blocksRef.current) === null || _blocksRef$current === void 0 ? void 0 : _blocksRef$current.querySelector('.character-viewer__block__character-list');
-    if (!list) return;
-    const firstTrack = getComputedStyle(list).gridTemplateColumns.split(' ')[0];
+    // The grid container is the per-block characters element; the
+    // character-list wrappers inside it are display: contents (FD-810).
+    const grid = (_blocksRef$current = blocksRef.current) === null || _blocksRef$current === void 0 ? void 0 : _blocksRef$current.querySelector('.character-viewer__block__characters');
+    if (!grid) return;
+    const firstTrack = getComputedStyle(grid).gridTemplateColumns.split(' ')[0];
     const width = parseFloat(firstTrack);
     if (!Number.isNaN(width)) setCellWidth(width);
   }, []);

package/dist/fontdue.css

@@ -1075,11 +1075,12 @@ fontdue-type-tester {
 .character-viewer__block__characters {
   font-size: 30px;
   margin-left: 1px;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
 }
 
 .character-viewer__block__character-list {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
+  display: contents;
 }
 .character-viewer__block__character-list > div {
   min-height: var(--cell-width, 60px);

package/dist/relay/environment.js

@@ -7,7 +7,7 @@ import { PREVIEW_HEADER, hasPreviewMarkerCookie } from '../preview/constants.js'
 // (defineVersionPlugin in .babelrc.cjs) with the literal package.json#version.
 // Exported so UI (the admin toolbar) can surface it without re-reading the
 // build-time global in a 'use client' module.
-export const version = "3.0.3";
+export const version = "3.0.4";
 const IS_SERVER = typeof window === typeof undefined;
 
 // Opt server fetches into Next's data cache only in production; dev stays

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "type": "module",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",