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/Optionbefore 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
dragmovewithout a pointer arrow. - The selection size label updates during
dragmovewhen 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
fixedaxes, opposite padding sides are also clamped so their total never exceeds the container size, and the live value label reflects the applied clamped value.