GeezerVison

The World Wide Web, restored to 800 pixels of glory.

GeezerVison is showing github.com — RFC: css env() safe area insets, overflowSafeArea and smart padding by triniwiz · Pull Request #55 · NativeScript/rfcs

Conversation

triniwiz commented Sep 24, 2026

Copy link

Copy Markdown

Member

Proposes CSS env() support in NativeScript, with the css-env-1 safe-area-inset-* variables filled from the real window insets on iOS and Android.

Rendered

What it covers:

env() in stylesheets, inline styles, shorthands and JS/TS style writes, following the spec's substitution and fallback rules, and re-evaluated when the insets change.
overflowSafeArea / overflow-safe-area: one cross-platform switch that hands edges to the author, the NativeScript form of viewport-fit=cover.
Smart padding: a padding that names its own edge's inset takes that edge over, so it never stacks with the framework's inset on the same view.
env(ns-safe-area-inset-*) and safe-area-padding for nested pages and frames, where a view cannot know what its ancestors already padded.

Implementation: NativeScript/NativeScript#11449

Sorry, something went wrong.

Uh oh!

There was an error while loading. Please reload this page.

All reactions


          rfc: css env() safe area insets, overflowSafeArea and smart padding

93876f0

coderabbitai Bot commented Sep 24, 2026

Copy link

Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: ded30734-2e38-45d3-847d-caa9e423d57f

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

All reactions

Sorry, something went wrong.

Uh oh!

There was an error while loading. Please reload this page.

triniwiz mentioned this pull request

Sep 24, 2026

feat(core): css env() safe area insets, smart padding and safe-area-padding NativeScript/NativeScript#11449

Open

4 of 5 tasks

Reviewers

No reviews

Uh oh!

There was an error while loading. Please reload this page.

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Uh oh!

There was an error while loading. Please reload this page.

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.

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.