Request for ChatBubble component to accept "width" prop.

[ChronoBroc]

Hey there! I'm currently making some changes to OneSupportCenter ticket details and working with the ChatBubble and ChatMessageMetaItem components.

I am updating the ChatMessageMetaItem to include the full datetime stamp of the related message. This has already been done but I was attempting to get the ChatBubble to fill out the entire width of the ChatMessageMetaItem, which now stretches past the end of the ChatBubble. See the below images for before/after:

Before

After

I found the fix for this, which was wrapping both ChatBubble and ChatMessageMetaItem in a div with display: grid and setting ChatBubble width to 100%. However, it appears that this is not an accepted prop: "Property 'width' does not exist on type 'IntrinsicAttributes & ChatBubbleProps & RefAttributes'".

Is there a potential workaround or alternative solution that can accomplish this?

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• requesting "Chat log" component revision for chat bubbles to hug content (updated: 10/06/2022, similarity score: 87%)
• styling issue with Webchat due to the font-size being set to 62.5% (updated: 04/12/2023, similarity score: 84%)
• [Conversations UI kit] Chatlog - image rendering capability - Answer (updated: 08/07/2023, similarity score: 83%)

[serifluous]

Hey @ChronoBroc ! We intentionally don't show the avatar on the outgoing "You" side of the chat on our doc site examples because it's not a super common visual pattern for chat. And the text doesn't end up looking so odd poking out from the side of the chat bubble as the avatar does:

But! If you do absolutely need the avatar on the "You" side, please let us know. We're doing some iterations on our Chat Log in the next 2 months, and we'd love to learn more about why.