This feature is experimental. Please share your experiences so we know what to keep or change.
This request header contains the mode of the layer from which the interaction originated.
Links or forms may target another layer than their own.
The targeted layer is sent as an X-Up-Mode
header.
Assume we have the following link in a modal overlay. The link targets the root layer:
<!-- label: Link within an overlay -->
<a href="/" up-follow up-layer="root">Click me</a> <!-- mark: up-layer -->
When the link is clicked, the following request headers are sent:
X-Up-Mode: root
X-Up-Origin-Mode: modal
The origin element is automatically set for many actions, for example:
Action | Origin element |
---|---|
Submitting a form with submit button | The submit button |
Submitting a form by pressing Return
|
The focused field |
Following a link | The link |
Preloading a link | The link |
Validating a field | The changed field |
Auto-submitting a field | The changed field |
Loading deferred content | The [up-defer] placeholder |
When the origin element is unknown, this header is not sent.