regionOverset

This page has been flagged with the following issues:

High-level issues:

W3C Editor's Draft

Summary

A region's display state within a region chain.

Note: This property is read-only.

var regionState = region.regionOverset;

Returns an object of type String.

A region's display state within a region chain:

overset indicates the region is the last in the chain, and does not have enough room to display remaining content. See region-fragment for display options.

empty indicates content was accommodated by previous regions in the chain, or that no content is available to flow into the chain.

- When content appears within the last region in the chain but does not overflow it, as described above in overset

- For regions that are too small to display the next available item of content, such as an image, which gets pushed into a subsequent region

- For elements that no longer behave as a region, which occurs when their flow-from property reverts to none

Check if region needs to be deleted or appended:

JavaScript

if (region.regionOverset == 'empty') {
    // delete region?
} else if (region.regionOverset == 'overset') {
    // add additional regions?
}

Not to be confused with overset, which indicates whether the overall named flow features too few display regions.

Specification	Status	Related Changes
CSS Regions Module Level 3	W3C Editor's Draft

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic Support	20 -webkit	Unsupported	Unsupported	Unsupported	534 -webkit

Feature	Android	BlackBerry	Chrome for mobile	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Opera Mini	Safari Mobile
Basic Support	Unsupported	Unsupported	Unsupported	Unsupported	Unsupported	Unsupported	Unsupported	Unsupported