{"version":"2.1.271","anchor":"artifact-publish-now-round-trips-a-viewport-fitcover-meta-d","canonical_anchor":"artifact-publish-now-round-trips-a-viewport-fitcover-meta-d","heading":"Artifact publish now round-trips a viewport-fit=cover meta declaration for nested HTML artifacts","tier":"notice","area":"Artifacts","scope":null,"heads_up":null,"url":"https:\/\/changelogs.core-directive.com\/v\/2.1.271\/e\/artifact-publish-now-round-trips-a-viewport-fitcover-meta-d","release_url":"https:\/\/changelogs.core-directive.com\/v\/2.1.271","markdown":"### Artifact publish now round-trips a viewport-fit=cover meta declaration for nested HTML artifacts\n\nArtifact publishing now preserves notch\/safe-area padding for full-bleed HTML artifacts\n\n**What**\n\nWhen Claude Code publishes an artifact that contains a nested HTML document with a `<meta name=\"viewport-fit\" content=\"cover\">` tag (which tells a browser to let content extend into notch or rounded-corner areas of a screen), the publishing pipeline now detects that tag and injects a stylesheet adding padding based on the device's safe-area insets, plus adjusted scroll padding.\n\n**Why**\n\nThis keeps full-bleed layouts that intentionally extend under a phone's notch or curved edges looking correct after the artifact is repackaged during publishing, instead of having content clipped or obscured.\n\n- Area: Artifacts\n- Tier: You'll notice\n- Useful: 2\/5\n- Signal: 1\/5"}