slidevjs/slidev

Rendering an iframe from excalidraw shared link that alone looks good, become blurred. Excalidraw+

Open

#2281 opened on Sep 16, 2025

View on GitHub
 (2 comments) (0 reactions) (0 assignees)TypeScript (46,472 stars) (2,067 forks)batch import
help wanted🔩 p2-edge-case

Description

Describe the bug

I have a link that i need to add as an iframe: https://link.excalidraw.com/p/readonly/suWgu0bOk6lyfxVN6lFd That looks good alone in the chrome. But when i add it as this in my slides.md it is blurred.

layout: iframe
url: https://link.excalidraw.com/p/readonly/suWgu0bOk6lyfxVN6lFd

Minimal reproduction

Steps to reproduce the behavior:

Inject the link in your slides as an iframe.

Environment

  • Slidev version: v52.1.0
  • Browser: chrome 140.0.7339.127 (Official Build) (64-bit)
  • OS: linux debian 12

Contributor guide

Tech stack
typescriptvuevitehtmlcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
HTML/CSS basicsVue.js component knowledgeSlidev layout system
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Investigate the Slidev iframe layout component to see how the iframe dimensions and scaling are applied. Check if the blurriness is due to CSS transforms like scale() which can cause subpixel rendering. Look at the layout component code in the Slidev repository (likely under `packages/slidev/client/layouts/iframe.ts` or similar). Compare the iframe rendering in standalone browser vs. within Slidev to identify the CSS property causing blur.