Stack border thickness is ignored, so inner elements can overlap

I’m seeing a layout issue with stacks that have a border.

Issue

When a stack has a visible border (non-zero thickness), the border thickness seems to be ignored in the stack’s layout bounds.

As a result, elements inside the stack can extend into the border area and visually cover it (especially noticeable on the bottom edge), instead of remaining inside the stack’s content area.

Steps to reproduce

  1. Create a stack.

  2. Enable a border with noticeable thickness.

  3. Place an element inside the stack that touches the stack’s edges (for example, a rectangle aligned to the bottom edge).

  4. Observe that the inner element can overlap/cover the border.

Expected behavior

Border thickness should be respected by the stack’s layout, so that inner elements cannot render over the border area. The border should remain visible and unobstructed without requiring workarounds.

Why this matters

This makes borders unreliable for common component containers (cards, input fields, panels), because the border can be partially hidden by the stack’s own content.

Thanks—happy to provide a test file if needed.

Known, on our list to improve by giving people control whether or not the border participates in layout.

1 Like