290146 2025-03-20 18:08:27 -0700 View Transitions Don't Pick up view-transition-name if CSS is loaded at the same time 2025-03-31 11:30:12 -0700 1 1 1 Unclassified WebKit CSS Safari Technology Preview Mac (Apple Silicon) macOS 15 NEW BrowserCompat, InRadar P2 Normal --- 1 sebastian webkit-unassigned ahmad.saleem792 bramus karlcow koivisto mattwoodrow ntim webkit-bug-importer oldest_to_newest 2104824 0 sebastian 2025-03-20 18:08:27 -0700 https://repro-view-transition-reflow-bug.vercel.app When a new link tag is inserted with a previously uncached CSS, this prevents the `view-transition-name` from getting picked up until there's some other layout event. If it's done at the same time as `startViewTransition` is called, then there hasn't been a layout calculation yet when the "old" snapshot is computed. This leads the "old" name not to get picked up. The second time you load the repro the CSS might be cached and it works again. Therefore it's easiest to repro with caching turned off. If you add something that forces layout like `clientWidth` then it works correctly. Even if the CSS isn't cached. It seems like `startViewTransition` should itself force layout calculation before it takes the snapshot. Reproduces on STP Release 215 (Safari 18.4, WebKit 20622.1.6.111.4) and iOS 18.4 Beta 4. 2104839 1 karlcow 2025-03-20 18:56:41 -0700 Thanks Sebastian for the report. Safari Technology Preview 125/18.4 20622.1.6 Firefox Nightly 138.0a1 13825.3.11 Google Chrome Canary 136.0.7080.0 7080.0 Safari: indeed with cache disabled, doesn't pick up the smooth transition. It goes directly from Old to New Chrome: Cache disabled too. Show the smooth transition Firefox: Doesn't have it, stays on old. 2106665 2 webkit-bug-importer 2025-03-27 18:09:14 -0700 <rdar://problem/148067360>