Overview

The chatbox's design is distorted if the first response is small followed by an image upload. This was brought up in this comment. Attaching the SS for this.
SS

Proposed resolution

User interface changes

CommentFileSizeAuthor
#9 Image upload first time.png59.34 KBkunal.sachdev
#7 MR_error_recording.mov552.84 KBkunal.sachdev
#7 1.x_error_screenshot.png42.21 KBkunal.sachdev
Screenshot 2025-08-11 at 5.24.16 PM.png146.36 KButkarsh_33

Issue fork canvas-3540743

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

utkarsh_33 created an issue. See original summary.

narendrar’s picture

narendrar
He/Him
Primary language English
Location Jaipur, India
commented
Title: XB AI: Deepchat's design is distorted if the first response is small. » XB AI: Chatbox layout issue with short first response followed by image upload
Category: Task » Bug report
Issue summary: View changes

Project: Experience Builder » Drupal Canvas

Experience Builder has been renamed to Drupal Canvas in preparation for its beta release. You can now track issues on the new project page.

parthbcharya made their first commit to this issue’s fork.

utkarsh_33 opened merge request !262

utkarsh_33’s picture

utkarsh_33 commented
Status: Active » Needs review
kunal.sachdev’s picture

kunal.sachdev commented
Status: Needs review » Needs work
StatusFileSize
new 1.x_error_screenshot.png42.21 KB
new MR_error_recording.mov552.84 KB

I believe the changes in this branch are causing a regression.
For testing locally, I temporarily added the following code to the top of the CanvasBuilder::render() method to simulate a failure:

    return new JsonResponse([
      'status' => FALSE,
      'message' => "error",
    ]);

On 1.x when submitting a prompt to the AI chatbot, the expected error message ("error") is correctly displayed to the user (as shown in the attached screenshot 1.x error screenshot).

When I switched to this branch and performed the same action, the chatbox contents disappear completely, and no error message is shown (as shown in the attached recording MR error recording).

utkarsh_33’s picture

utkarsh_33 commented
Status: Needs work » Needs review

I think that was a rebasing issue. Merged latest 1.x changes and i was not able to reproduce this after that. Marking it NR again.

kunal.sachdev’s picture

kunal.sachdev commented
Status: Needs review » Needs work
StatusFileSize
new Image upload first time.png59.34 KB

Tested it again it works fine for the case when the first response is small and an image is uploaded.

But a visual regression occurs when a user uploads an image as the very first action. The image overflows the chatbox boundary, pushing it out of view (see screenshot)
First time image uplaod

utkarsh_33’s picture

utkarsh_33 commented
Status: Needs work » Needs review
kunal.sachdev’s picture

kunal.sachdev commented
Status: Needs review » Reviewed & tested by the community

It is working as expected.

tim.plunkett made their first commit to this issue’s fork.

tim.plunkett’s picture

tim.plunkett
he/him
Primary language English
Location Philadelphia
commented
Status: Reviewed & tested by the community » Fixed

Merged, thanks!

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.