w3c / w3c/csswg-drafts

[css-env-1] values for screen edge avoidance in fullscreen

Open
#2,871 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

css-env-1
Dominant language
Bikeshed
Stars
4.9k
Forks
816
PR merge metrics
PR metrics pending

Description

Similar to #2868, but for fullscreen UI. That is, they apply when a page or element has been taken fullscreen, and refer to UI that is overlaid by the hosting app. For example, a fullscreen interface on a touch device might have a close button in one of the corners, and the page should avoid putting essential content underneath.

The four values are:

  • fullscreen-inset-top
  • fullscreen-inset-right
  • fullscreen-inset-bottom
  • fullscreen-inset-left

They evaluate to a <length> value.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Compare this proposal with issue #2868, focusing on how fullscreen UI and hosting-app overlays are described. The requested result is a specification for the four named fullscreen inset values, each evaluating to a value.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.