Skip to content

[Bug]: "Copy code" button for code blocks on LLM results partially covers code when code lines are long #1531

@barrymichaeldoyle

Description

@barrymichaeldoyle

Before submitting

  • I searched existing issues and did not find a duplicate.
  • I included enough detail to reproduce or investigate the problem.

Area

apps/web

Steps to reproduce

  1. Ask any model to give you a long bash script sample E.g. "Give me a random long sample CLI command"
  2. Scroll horizontally to end of line and witness the copy button covering the last bit of the snippet.

Expected behavior

Add some horizontal padding at the end of the code block to give space for the "Copy code" button so that it doesn't cover the end of the code snippet.

Actual behavior

The "Copy code" button covers the last part of long lines in a code block.

This can be quite irritating when you want to try copy a line yourself, especially when the LLM results in two lines that you need to run separately in a terminal.

Impact

Cosmetic issue

Version or commit

Release v0.0.15

Environment

Windows Desktop App

Logs or stack traces

Screenshots, recordings, or supporting files

T3CodeCopyButton.PNG

Workaround

Practice your Counter Strike AWPing skills to click the right place to select the text you wanted to.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething is broken or behaving incorrectly.needs-triageIssue needs maintainer review and initial categorization.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions