W3cubDocs

/Web APIs

ScreenDetailed: availLeft property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

The availLeft read-only property of the ScreenDetailed interface is a number representing the x-coordinate (left-hand edge) of the available screen area inside the OS virtual screen arrangement, relative to the multi-screen origin.

This is equal to the ScreenDetailed.left property, plus the width of any OS UI element drawn on the left of the screen. Windows cannot be placed in those areas, so availLeft is useful for giving you the left boundary of the actual area available to open or place windows.

Note: A non-standard implementation of the availLeft property is available on the Screen interface in all browsers. See the Non-standard example below for usage details, and see the Screen reference page for browser support information relating to the non-standard implementation.

Value

A number.

Examples

Window Management API example

// Available in browsers that support the Window Management API
const screenDetails = await window.getScreenDetails();

// Return the availLeft value of the first screen
const screen1AvailLeft = screenDetails.screens[0].availLeft;

Non-standard example

// Available in all browsers
// Return the availLeft value of the current screen
const screenAvailLeft = window.screen.availLeft;

Specifications

Specification
Window Management> # ref-for-dom-screendetailed-availleft>

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`availLeft`	100	100	No	86	No	No	No	No	No	No	No	No