Skip to content

RFC: css env() safe area insets, overflowSafeArea and smart padding - #55

Open
triniwiz wants to merge 1 commit into
mainfrom
rfc/css-env-safe-area-insets
Open

triniwiz wants to merge 1 commit into
mainfrom
rfc/css-env-safe-area-insets

Conversation

@triniwiz

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

@coderabbitai

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant