GeezerVisonThe World Wide Web, restored to 800 pixels of glory. |
| Home|About|Gaming cabinet|Archives|How it works|Starter sites |
GeezerVison is showing github.com — iOS: a layout pass during a page transition lays the page content out off screen · Issue #11568 · NativeScript/NativeScript Open Labels DescriptionIssue DescriptionRuntime bug, iOS only. If a page gets a layout pass while a navigation transition is running (for example, its content changes and requests a re-layout), its content is laid out off screen. The page turns into an empty rectangle with the
Cause. The transition animates the page's controller view with a
Depending on the layout, the content ends up Expected behavior: a layout pass during a transition lays the page out the same way as one outside the transition. Fix: draft PR #11517 fixes both places ( Not a regression: reproduced on Reproduction
Frame { background-color: #808080; } Page { background-color: transparent; }
<Page actionBarHidden="true" navigatingFrom="onNavigatingFrom"> <GridLayout rows="*, auto" backgroundColor="#2e7d32"> <Label text="MAIN PAGE" horizontalAlignment="center" verticalAlignment="middle" /> <Button row="1" text="Open second page" tap="onOpen" /> </GridLayout> </Page>
import { EventData, Frame, NavigatedData, Page } from "@nativescript/core"; export function onNavigatingFrom(args: NavigatedData) { const page = args.object as Page; // Simulates a content update while the transition is running. setTimeout(() => page.requestLayout(), 100); } export function onOpen(args: EventData) { Frame.topmost().navigate({ moduleName: "second-page", animated: true, transition: { name: "slide" }, }); }
In this minimal app the page is laid out again when you navigate back ( Without the fix:
With PR #11517 applied:
Relevant log output (if applicable)# Repro above, iPhone 16 Pro simulator, iOS 26.3, W = 402. Logged right after the forced layout pass. # core 9.1.3: broken on 5 of 5 navigations content=0,0 0x874 page.frame=-402,0 402x874 page.bounds=0,0 402x874 transform tx=-402 # core 9.1.3 + PR #11517: 0 of 5 content=0,0 402x874 page.frame=-402,0 402x874 page.bounds=0,0 402x874 transform tx=-402 # Production app, iOS 27 device, W = 414, without the fix: the state it stays in content=-414,0 621x896 page.frame=-414,0 414x896 page.bounds=0,0 414x896 transform tx=-414 EnvironmentOS: macOS 15.7.3 CPU: (10) arm64 Apple M1 Pro Shell: /bin/zsh node: 26.12.0 npm: 11.20.0 nativescript: 9.1.1 # ios xcode: 26.3/17C529 cocoapods: 1.16.2 ruby: 3.3.12 platforms: - iOS 26.2 "dependencies": { "@nativescript/core": "9.1.3" }, "devDependencies": { "@nativescript/ios": "~9.1.0", "@nativescript/types": "~9.1.0", "@nativescript/webpack": "5.0.39", "typescript": "~5.8.0" } Please accept these terms
Activity
MetadataMetadataAssigneesLabelsTypeProjectsMilestoneRelationshipsDevelopmentIssue actions |
| You are visitor 01402503 — GeezerVison does not store the pages you look up. Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required. |