Would you please review it and let me know what else should be added or done in order to observe the unusual behavior and be more helpful with a possible solution?
It does work fine if I create a separate project just for the chat. The issue is only when I create a chat component for my project which has other libraries included.. I am not sure which library could possibly override this behavior.. I ended up calculating the height of every last chat bubble and adding a top margin based on that to the new chat bubble.. for a work around..
The scenario seems quite unusual, I have tested a case where the Conversational UI is used with bootstap and it worked correctly at my side - https://stackblitz.com/edit/react-9v7gga?file=app%2Fmain.jsx
Would you please review it and let me know what else should be added or done in order to observe the unusual behavior and be more helpful with a possible solution?