isolation Stacking Context Fix Note

Supported isolation token effects; does not override ancestor clipping, paint order or unrelated z-index. Explicit supplied computed/layout context only; not a browser cascade/layout engine or cross-browser guarantee.

Description

Isolation can create a stacking context and restrict blending with the outside backdrop.

Isolation can create a stacking context and restrict blending with the outside backdrop.^[1]

A stored value explanation does not inspect the surrounding painting hierarchy. Use isolation Stacking Context Fix Note to look up a supported term.

When to use isolation Stacking Context Fix Note

Use isolation Stacking Context Fix Note to look up a supported term. Choose the exact supported token from the table; preserve its punctuation and capitalization.

How to use isolation Stacking Context Fix Note and understand its results

Choose the exact supported token from the table; preserve its punctuation and capitalization.
Enter Isolation using the field table and validation rules below, then run the tool.
Read Meaning and interpret units, signs, ordering and placeholders as explained below.
If the tool reports an input error, correct that field and rerun. A successful false result, empty match list or unknown-evidence placeholder has the specific meaning described here; check the limitations before applying the result.

Input field	Meaning	Value type	Requirement
isolation	Isolation	string	Required; constraints below

Enter one of the exact supported isolation tokens in the table below. The implementation performs a case-sensitive lookup and returns the stored meaning without interpreting a stylesheet, audio recording or performance. Unsupported tokens, added whitespace and alternate capitalization are input errors. The entries describe a bounded vocabulary rather than every valid value in the wider topic.

meaning = storedTable[exactSupportedToken]

Field order, units and branch conditions follow the implementation explanation above.

Exact supported token	Stored meaning
auto	does not by itself create a stacking context
isolate	creates a stacking context and isolates blending with the outside backdrop

Output field	Meaning	Value type
meaning	Stored explanation for the exact supported token.	string

json

{
  "input": {
    "isolation": "isolate"
  },
  "output": {
    "meaning": "creates a stacking context and isolates blending with the outside backdrop"
  }
}

Limitations and assumptions

A stored value explanation does not inspect the surrounding painting hierarchy. Apply the exact scope and assumptions described above.

All listed fields require explicit values. Unexpected fields, incorrect types, nonfinite numbers and sparse arrays fail validation. Domain-specific bounds, alignments and supported tokens are stated above; extremely large inputs or outputs can also be rejected. These errors differ from successful results such as false, no matches or unknown evidence.

Alternative or Complementary methods

Use z-index Stacking Context Boundary Check for a related task: A stacking context groups local paint-order comparisons within a larger hierarchy.

Use contain Strictness Levels Lookup for a related task: Containment separates selected effects on layout, painting, sizing and style.

References

isolation Stacking Context Fix Note — tool.io

Similar or alternative tools

z-index Stacking Context Boundary Check
A stacking context groups local paint-order comparisons within a larger hierarchy.
contain Strictness Levels Lookup
Containment separates selected effects on layout, painting, sizing and style.