search

chatscope / chat-ui-kit-react

Build your own chat UI with React components in few minutes. Chat UI Kit from chatscope is an open source UI toolkit for developing web chat applications.
https://chatscope.io
MIT License
1.34k stars 116 forks source link

Unexpected width and height change inside components in Message.HtmlContent. #144

Closed nathaliaspinula closed 9 months ago

nathaliaspinula commented 9 months ago

Hi. I'm trying to render a chart with chart.js inside the Message component, but when the mouse hovers over the message, the library updates the height and width size to zero and the chart disappear.

Here is my code.

`<Message model={{ direction: "incoming", position: "single", type: "custom" }}>

      </Message>

`

How can I use a canva component inside message.htmlcontent without having it changed?

supersnager commented 9 months ago

@nathaliaspinula I think the problem lies somewhere in your code or in the settings of the chart.js library. I checked your example and nothing happens when you hover the mouse over the message. If you still can't find a solution please provide a full repro and reopen this issue.