From 0600efd866fd9987a6ec364e359471a5503203c6 Mon Sep 17 00:00:00 2001 From: Martin Trapp <94928215+martrapp@users.noreply.github.com> Date: Tue, 14 May 2024 09:16:51 +0200 Subject: [PATCH] some details on paint order --- src/components/starlight/Head.astro | 2 -- src/content/docs/jotter/api/details.mdx | 2 ++ src/content/docs/jotter/snippets/things-to-write-about.mdx | 1 + 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/starlight/Head.astro b/src/components/starlight/Head.astro index 19b6941..e05068b 100644 --- a/src/components/starlight/Head.astro +++ b/src/components/starlight/Head.astro @@ -12,8 +12,6 @@ import MarkTitle from '../bot/MarkTitle.astro'; import SilentCatch from '../bot/SilentCatch.astro'; import SwapSound from '../bot/SwapSound.astro'; import PagefindToTextFragments from './PagefindToTextFragments.astro'; -import 'astro-vtbot/components/ReplacementSwap.astro'; -import 'astro-vtbot/components/starlight/StarlightConnector.astro'; import SidebarSelect from './SidebarSelect.astro'; import '../../styles/vt.css'; diff --git a/src/content/docs/jotter/api/details.mdx b/src/content/docs/jotter/api/details.mdx index bb964ec..8c0f89f 100644 --- a/src/content/docs/jotter/api/details.mdx +++ b/src/content/docs/jotter/api/details.mdx @@ -145,6 +145,8 @@ This is a more elaborated description of what the `startViewTransitions()` funct 1. In the capture phase, the browser saves a bitmap of the current state for each HTML element that has a `view-transition-name` CSS property. This can later be addressed using the `::view-transition-old()` pseudo element. Together with the image data, further CSS properties are recorded[^1]. \ + \ + For the captures, elements are ordered from bottom to top starting at the lowest `z-index`. While capturing an image, other elements of "higher" images are not painted and thus the capture shows the element's background in these areas. \ \ All `view-transition-name` values used in the document must be unique. Otherwise the view transition is aborted (after calling the _update callback_, see next step). diff --git a/src/content/docs/jotter/snippets/things-to-write-about.mdx b/src/content/docs/jotter/snippets/things-to-write-about.mdx index 5531608..04dbe09 100644 --- a/src/content/docs/jotter/snippets/things-to-write-about.mdx +++ b/src/content/docs/jotter/snippets/things-to-write-about.mdx @@ -29,3 +29,4 @@ title: Things to write about when I find the time to do so and there are no othe * how to have the view transition move **behind** some elements in the front? +* how to set break points to investigate the pseudo elements