Skip to content

env(safe-area-inset-*) does not work. #907

@xuelongqy

Description

@xuelongqy

Affected version

0.24.25+2

No same issues found

  • Yes, I search all issues but not found.

Bug type

CSS/DOM Style

Which frontend framework you are using.

html

Steps to reproduce

use env(safe-area-inset-top, 0px)

Code example

--safe-top: env(safe-area-inset-top, 0px);
--safe-right: env(safe-area-inset-right, 0px);
--safe-bottom: env(safe-area-inset-bottom, 0px);
--safe-left: env(safe-area-inset-left, 0px);

When the iPhone 17 Pro is in full-screen mode, all these values ​​are 0.

Expected results

Get the value of SafeArea

Actual results

0

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions