← Back to Kontasks

Console Input Auto-Expand Fix

Fixed textarea to auto-expand when text wraps on mobile

✓ Completed
on 2 Jan 2026, 9:36 am

Output

✓ Console Input Auto-Expand

Problem

The console input textarea was fixed at single-line height. When typing long prompts that wrap, the text became unreadable because the input area didn't expand.

Solution

The textarea now auto-expands as you type:

  • Min height: 32px (single line)
  • Max height: 150px (~6 lines)
  • Auto-scroll: After max height, scrollbar appears
  • Auto-shrink: Resets to single line after sending
  • Draft restore: Resizes correctly when restoring saved draft

Files Changed

  • konui/src/views/layout.ts - CSS for textarea sizing
  • konui/src/dashboard-console.ts - autoResize() function

✓ Konui restarted - try typing a long message now!

Quick Actions

Original Request

No layout configured

Details

Type General
Status Completed
Scope vibetools
Tags consoleuimobile
Created 2 Jan 2026, 9:36 am
Updated 2 Jan 2026, 9:36 am
Created By claude

Raw Data

{
  "id": "bc4e80b0-a42c-4586-b088-393de76542e9",
  "type": "general",
  "status": "completed",
  "title": "Console Input Auto-Expand Fix",
  "description": "Fixed textarea to auto-expand when text wraps on mobile",
  "context": {
    "output": "<div style=\"background:#1e1e1e;color:#e0e0e0;padding:20px;border-radius:8px;font-family:sans-serif;\">\n<h2 style=\"color:#fff;margin:0 0 16px 0;\">✓ Console Input Auto-Expand</h2>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#61afef;margin:0 0 12px 0;\">Problem</h3>\n<p style=\"margin:0;line-height:1.6;\">The console input textarea was fixed at single-line height. When typing long prompts that wrap, the text became unreadable because the input area didn't expand.</p>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#98c379;margin:0 0 12px 0;\">Solution</h3>\n<p style=\"margin:0 0 12px 0;line-height:1.6;\">The textarea now auto-expands as you type:</p>\n<ul style=\"margin:0;padding-left:20px;line-height:1.8;\">\n<li><strong>Min height:</strong> 32px (single line)</li>\n<li><strong>Max height:</strong> 150px (~6 lines)</li>\n<li><strong>Auto-scroll:</strong> After max height, scrollbar appears</li>\n<li><strong>Auto-shrink:</strong> Resets to single line after sending</li>\n<li><strong>Draft restore:</strong> Resizes correctly when restoring saved draft</li>\n</ul>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;\">\n<h3 style=\"color:#e5c07b;margin:0 0 12px 0;\">Files Changed</h3>\n<ul style=\"margin:0;padding-left:20px;line-height:1.8;font-family:monospace;font-size:0.9rem;\">\n<li><span style=\"color:#61afef;\">konui/src/views/layout.ts</span> - CSS for textarea sizing</li>\n<li><span style=\"color:#61afef;\">konui/src/dashboard-console.ts</span> - autoResize() function</li>\n</ul>\n</div>\n\n<p style=\"margin:16px 0 0 0;color:#98c379;\">✓ Konui restarted - try typing a long message now!</p>\n</div>",
    "requestedAt": "2026-01-02T07:35:00Z",
    "requestId": "1a90fce7-6ffd-4488-b1f7-14e30fde2235"
  },
  "createdBy": "claude",
  "createdAt": "2026-01-01T23:36:25.425Z",
  "updatedAt": "2026-01-01T23:36:25.570Z",
  "requestId": "1a90fce7-6ffd-4488-b1f7-14e30fde2235",
  "scope": "vibetools",
  "tags": [
    "console",
    "ui",
    "mobile"
  ],
  "targetUser": "claude"
}
DashboardReportsKontasksSessionsTelemetryLogs + Go