{"version":"2.1.274","anchor":"css-position-absoluterelative-support-added-to-ink-layo","canonical_anchor":"css-position-absoluterelative-support-added-to-ink-layo","heading":"Ink layout now supports CSS-style positioning, with overflow clipping","tier":"use","area":"Terminal UI SDK","scope":null,"heads_up":null,"url":"https:\/\/changelogs.core-directive.com\/v\/2.1.274\/e\/css-position-absoluterelative-support-added-to-ink-layo","release_url":"https:\/\/changelogs.core-directive.com\/v\/2.1.274","markdown":"### Ink layout now supports CSS-style positioning, with overflow clipping\n\nBox\/View layout styles now accept position: absolute\/relative with offsets, and overflowing content from positioned elements gets clipped\n\n**What**\n\n- The style validator for Box\/View-style layout elements now accepts a `position` property (`relative` or `absolute`), along with `top`, `left`, `right`, and `bottom` offsets. This was previously unsupported.\n\n- When a rendered component tree uses one of these absolute\/`position`-styled elements (and the view isn't fullscreen, or is a static frame), the render node now automatically gets `overflow: \"hidden\"` set on it, clipping content that would otherwise spill outside its bounds.\n\n**Why** This lets components be positioned precisely, such as an overlay or badge placed at a specific offset, without its content spilling outside where it's meant to appear.\n\n- Area: Terminal UI SDK\n- Names: `position`\n- Tier: Use it now\n- Useful: 4\/5\n- Signal: 2\/5"}