Skip to content

Fix upload button rendering on top of text in comment input#8793

Draft
Copilot wants to merge 2 commits into
mainfrom
copilot/fix-upload-file-rendering
Draft

Fix upload button rendering on top of text in comment input#8793
Copilot wants to merge 2 commits into
mainfrom
copilot/fix-upload-file-rendering

Conversation

Copilot AI commented Jun 12, 2026

Copy link
Copy Markdown
Contributor

The cloud-upload button in the comment input was absolutely positioned over the textarea, causing it to overlap user-entered text. The previous padding-bottom: 28px workaround only reserved space at the very end of the textarea content, so any wrapped or scrolled lines still rendered behind the button.

Changes

  • webviews/editorWebview/index.css, webviews/activityBarView/index.css: drop position: absolute on .textarea-wrapper .comment-upload-button and let it flow as a flex row beneath the textarea (the wrapper is already flex-direction: column). Remove the now-unnecessary padding-bottom: 28px on the textarea.
.textarea-wrapper .comment-upload-button {
    align-self: flex-start;
    margin: 2px 0 4px 4px;
    /* …unchanged styling… */
}

The button now sits below the input anchored to the bottom-left, so it can no longer overlap text. The top-right .title-action (sparkle/generate) remains absolutely positioned and is unaffected.

Co-authored-by: alexr00 <38270282+alexr00@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix upload file rendering on top of text in input Fix upload button rendering on top of text in comment input Jun 12, 2026
Copilot AI requested a review from alexr00 June 12, 2026 12:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants