Auto Layout Padding Controls

Select a single auto-layout frame or group to reveal padding regions and side handles on the canvas.

Interaction

  • Drag any side handle to change that padding side.
  • Click a padding region to open a numeric input for that side; blur closes the input and removes the active outline.
  • The active handle stays centered inside the current padding region while the padding value changes.
  • Left and right padding regions stay clickable across the full container height.
  • Hold Alt / Option before or during the drag to mirror the opposite side.
  • Nested auto-layout containers resolve their controls in stage space, so handles stay aligned even inside parent frames or groups.

Live Feedback

  • The padding value label updates during dragmove without a pointer arrow.
  • The selection size label updates during dragmove when the container size changes because of hug sizing.
  • Handle hit areas stay interactive while the visible handle keeps a fixed visual size across zoom levels.

History and API

  • One completed drag creates one history entry.
  • The canvas drag path and setAutoLayoutPadding() reuse the same padding validation and clamping logic.
  • Negative padding values are clamped to 0.
  • On fixed axes, opposite padding sides are also clamped so their total never exceeds the container size, and the live value label reflects the applied clamped value.