[GH-ISSUE #81] interactive chat window needs to grow upwards instead of downwards #58

New issue

Open

opened 2026-05-06 13:12:59 +02:00 by BreizhHardware · 1 comment

BreizhHardware commented

2026-05-06 13:12:59 +02:00

Owner

Originally created by @SohamRupaye on GitHub (Feb 20, 2026).
Original GitHub issue: https://github.com/bwya77/vscode-dark-islands/issues/81

Description

The interactive copilot chat window positioning issue. The chat input needs to grow upward instead of downward when text wraps to multiple lines.
Steps to reproduce

Open the interactive chat window
Type some messsage which will exceed 2 lines and chat will grow down hiding the buttons to select mode, send, target session and agent type.

A change needed in settings.json, update chat container to this-

".chat-input-container": {
"background-color": "var(--islands-bg-surface) !important",
"border-radius": "var(--islands-widget-radius) !important",
"border-top": "1px solid rgba(255,255,255,0.1) !important",
"border-left": "1px solid rgba(255,255,255,0.06) !important",
"border-bottom": "1px solid rgba(255,255,255,0.02) !important",
"border-right": "1px solid rgba(255,255,255,0.02) !important",
"overflow": "visible !important",
"display": "flex !important",
"flex-direction": "column !important",
"align-items": "stretch !important"
},
".chat-input-container .monaco-inputbox": {
"background-color": "var(--islands-bg-surface) !important"
},
".interactive-input-part": {
"border-radius": "var(--islands-widget-radius) !important",
"overflow": "visible !important",
"display": "flex !important",
"flex-direction": "column-reverse !important",
"align-items": "stretch !important"
},
".interactive-input-part .interactive-input-and-execute-toolbar": {
"display": "flex !important",
"flex-direction": "column-reverse !important"
}

Originally created by @SohamRupaye on GitHub (Feb 20, 2026). Original GitHub issue: https://github.com/bwya77/vscode-dark-islands/issues/81 Description The interactive copilot chat window positioning issue. The chat input needs to grow upward instead of downward when text wraps to multiple lines. Steps to reproduce Open the interactive chat window Type some messsage which will exceed 2 lines and chat will grow down hiding the buttons to select mode, send, target session and agent type. A change needed in settings.json, update chat container to this- ".chat-input-container": { "background-color": "var(--islands-bg-surface) !important", "border-radius": "var(--islands-widget-radius) !important", "border-top": "1px solid rgba(255,255,255,0.1) !important", "border-left": "1px solid rgba(255,255,255,0.06) !important", "border-bottom": "1px solid rgba(255,255,255,0.02) !important", "border-right": "1px solid rgba(255,255,255,0.02) !important", "overflow": "visible !important", "display": "flex !important", "flex-direction": "column !important", "align-items": "stretch !important" }, ".chat-input-container .monaco-inputbox": { "background-color": "var(--islands-bg-surface) !important" }, ".interactive-input-part": { "border-radius": "var(--islands-widget-radius) !important", "overflow": "visible !important", "display": "flex !important", "flex-direction": "column-reverse !important", "align-items": "stretch !important" }, ".interactive-input-part .interactive-input-and-execute-toolbar": { "display": "flex !important", "flex-direction": "column-reverse !important" }

BreizhHardware commented

2026-05-06 13:12:59 +02:00

Author

Owner

@iamhelitha commented on GitHub (Mar 5, 2026):

I faced this same issue.

@iamhelitha commented on GitHub (Mar 5, 2026): I faced this same issue. <img width="454" height="351" alt="Image" src="https://github.com/user-attachments/assets/9661afd5-1882-4a3c-b81d-ebadc6d39767" />