docs(mobile/v4): stack anchor/origin + attribute-based positioning#447
Open
simonhamp wants to merge 1 commit into
Open
docs(mobile/v4): stack anchor/origin + attribute-based positioning#447simonhamp wants to merge 1 commit into
simonhamp wants to merge 1 commit into
Conversation
Covers the new positioning capabilities in NativePHP/mobile-air#226: - Positioning page: absolute/relative and top/right/bottom/left now work as plain attributes, not only utility classes; adds the two-point anchor (point on the parent) / origin (point on the child) model, both defaulting to center, and notes that a child can draw outside its container. - Stack page: children are absolutely positioned by default and place themselves via anchor/origin; replaces the old relative-parent workaround; documents wrap-to-largest-child sizing. - Layout & Styling: adds anchor-*/origin-* to the shared class table. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
Documents the new mobile v4 positioning capabilities added in NativePHP/mobile-air#226.
the-basics/positioningabsolute/relative(andposition="…") plustop/right/bottom/leftnow work as plain attributes, not only Tailwind classes — documented side by side in a table.anchor= the point on the parent the child hooks onto,origin= the point on the child that lands there, both defaulting tocenter, with the nine values (center + edges + corners) and theanchor-*/origin-*class forms.<aside>on drawing outside the container — supported on both platforms unless a rounded/scroll ancestor clips, plus the hit-testing caveat for interactive overflow.<native:stack>doesn't honor absolute positioning.edge-components/stackanchor/origin(both center) — norelative/absoluteneeded; the stack sizes to its largest child.relative-parent workaround aside.edge-components/layoutanchor-*/origin-*to the shared Tailwind class table, linking to the Positioning page.Verification
Rendered locally via Herd — both pages return 200, code blocks highlight, and the cross-page anchor link resolves to the real heading id (
#anchor-amp-origin, since the heading renderer slugs the HTML-encodedAnchor & origin). No code changes; docs only.🤖 Generated with Claude Code