@vscode/markdown-editor 0.0.2-130 → 0.0.2-132

package/README.md

@@ -22,6 +22,10 @@ not the published editor's runtime dependencies or Component Explorer's renderer
 
 ## Embedded editor presentation
 
+`EditorView` calls the embedded editor factory's optional `layout()` hook after
+measuring the document. The virtualized iframe factory uses it to keep retained
+iframes aligned when edits move their placeholders without resizing them.
+
 Iframe editor descriptors can opt into host-owned presentation controls:
 
 ```ts
@@ -39,12 +43,19 @@ Full view fills the visible Markdown viewport, keeps the same iframe alive,
 and restores the previous width mode, inline height, and scroll position on exit.
 The host toolbar groups copy and presentation actions in a compact, themed Codicon
 overlay. It appears on hover or keyboard focus without reserving a header row,
-and always provides an exit button in full view. Escape also exits when handled
+alongside a rounded border around the iframe and its resize grip. These use the
+same 4px frame and 6px toolbar radii as the Mermaid preview controls.
+The toolbar and border fade in and out over 200ms with `ease-in-out`, matching
+Markdown preview. Reduced-motion preferences disable these transitions.
+The toolbar always provides an exit button in full view. Escape also exits when handled
 by the injected iframe bootstrap (nested remote pages can use the message below).
 Resize handles support pointer capture and Arrow Up/Down. After a user resize,
 content-size reports no longer override the chosen height; **Automatic height**
 returns control to the content. Full view always uses the host viewport height.
 Presentation changes never edit the Markdown source.
+The host iframe uses the page theme's background in every presentation mode.
+Guest HTML can remain transparent to show that color without revealing the
+Markdown document behind it in full view.
 
 Cooperative pages can advertise the same preferences with
 `parent.postMessage({ type: 'vscode-markdown-editor::presentation', preferences }, '*')`.
@@ -68,6 +79,14 @@ viewports. Their light/dark Playwright tests exercise scaled-preview alignment,
 drag capture, minimum height, size-report precedence, full-width
 and full-view geometry, mode notifications, state retention, and restoration.
 
+**Red editor (hover)** and **Transparent editor (hover)** default the `mockHover`
+fixture input to true for deterministic visual verification. This sets
+`data-md-iframe-hover="true"` on the fixture container, exercising the same chrome
+visibility rules as real hover/focus without moving the pointer. Set the input
+to false to test natural hover behavior.
+The `animations` fixture input defaults to false for stable screenshots. Set it
+to true to exercise the production fades, with either real or mocked hover.
+
 ## Browser tests
 
 `pnpm test:e2e` builds the fixture dependencies and runs the Playwright interaction

package/dist/index.d.ts

@@ -2034,6 +2034,8 @@ declare interface IEmbeddedCodeEditorFactory {
      * back to the default (highlighting / {@link BlockViewOptions.renderCustomCodeBlock}).
      */
     create(language: string, infoString: string, initialContent: string): IEmbeddedCodeEditor | undefined;
+    /** Reposition overlays after the document's layout has been measured. */
+    layout?(): void;
 }
 
 /**

package/dist/index.js

@@ -7559,7 +7559,7 @@ class Yd extends W {
         )
       });
     }
-    this.measuredLayout.setMeasurements(i, r);
+    this.measuredLayout.setMeasurements(i, r), this._options?.embeddedCodeEditorFactory?.layout?.();
   }
   /**
    * Paint the diff highlights via the CSS Custom Highlight API: green over the