{"version":"2.1.271","anchor":"artifact-html-head-processing-now-detects-viewport-fitcover","canonical_anchor":"artifact-html-head-processing-now-detects-viewport-fitcover","heading":"Artifact HTML head processing now detects viewport-fit=cover","tier":"internal","area":"Artifacts","scope":null,"heads_up":null,"url":"https:\/\/changelogs.core-directive.com\/v\/2.1.271\/e\/artifact-html-head-processing-now-detects-viewport-fitcover","release_url":"https:\/\/changelogs.core-directive.com\/v\/2.1.271","markdown":"### Artifact HTML head processing now detects viewport-fit=cover\n\nClaude Code now detects viewport-fit=cover in artifact HTML so fullscreen layouts render correctly\n\n**Unclear.** The finding doesn't say what Claude Code does with the detected `cover` value beyond making it available.\n\n**What**\n\nWhen Claude Code renders an artifact (a generated piece of code or content, like a small web page), it now scans the artifact's HTML `<meta>` tags for a viewport setting containing `viewport-fit=cover`. New internal helpers parse the head of the document for this value, and the process that lifts information out of the artifact's head now also returns a `cover` true\/false field alongside the existing `lang` field.\n\n**Why**\n\n`viewport-fit=cover` is a setting web pages use to tell a browser to fill the entire screen, including areas like notches on phones. By detecting this, Claude Code can adjust how it displays an artifact so full-screen designs show up as intended instead of being boxed in or misrendered.\n\n- Area: Artifacts\n- Tier: Under the hood\n- Useful: 1\/5\n- Signal: 1\/5"}