S
Smund
Description:
Make widget text rendering in
Edit mode
scale-aware and responsive so labels always fit their widgets at any canvas zoom or screen size. Provide per-widget options for auto-sizing, wrapping, truncation (ellipsis), and min/max font sizes—so what you see while editing accurately reflects performance mode.
Problem:
In Edit mode, widget text does not re-adjust when the canvas is zoomed or when the AU/preview frame is resized. Labels can spill outside their widgets, overlap neighbors, or clip unpredictably. This looks odd, makes alignment hard, and can mislead users about what will appear on stage.
Proposed Solution:
  • Auto-Fit Engine:
    Shrink-to-fit with configurable
    min/max font size
    , optional
    character/word wrapping
    , and
    ellipsis
    for single-line modes.
  • Scale-Aware Layout:
    Recompute text metrics whenever canvas zoom, window scale, or widget size changes; cache results for performance.
  • Per-Widget Controls:
- Mode:
Auto-fit / Wrap / Single-line + Ellipsis / Clip
.
-
Padding & Safe Area
(keep text away from rounded corners/icons).
-
Alignment
(H/V),
line height
,
letter spacing
,
icon+text layout
.
  • Edit-Time Diagnostics:
    Optional
    overflow guides
    (red outline), “Text fits” indicator, live preview of resolved font size/lines.
  • Parity Preview:
    “Preview @ scale” toggle to simulate performance rendering exactly inside Edit mode.
  • Actions/Variables:
    Set Widget Label
    ,
    Set Font Size
    ,
    Toggle Auto-fit
    ; expose
    textFits
    ,
    resolvedFontSize
    ,
    lineCount
    ,
    isTruncated
    for labels/logic.
Benefits:
  • Clean, accurate canvas while editing—no more text spilling over widgets.
  • Faster layout work; fewer surprises switching between edit and performance.
  • Better accessibility and localization (long strings/languages fit gracefully).
  • Consistent look across iPad models, orientations, and AU windows.
Examples:
  • A compact button grid with long labels (“Emphasis”, “Contour”) shrinks to fit within each button at 70% canvas zoom; ellipsis engages only if the label exceeds the min font size.
  • A two-line wrap mode for descriptive buttons keeps typography readable in portrait and landscape.
  • During authoring, overflow guides show which widgets would truncate; a one-tap “Fix to Auto-fit” resolves them project-wide.
This summary was automatically generated by GPT-5 Thinking on 2025-09-07.
It would be great it textboxes re-adjusted to screen size! :)
Maybe when they are locked to a widget?