microsoftgraph / microsoft-graph-toolkit

Authentication Providers and UI components for Microsoft Graph 🦒
https://docs.microsoft.com/graph/toolkit/overview
Other
964 stars 309 forks source link

[BUG][MGT-CHAT] Messages that contain URLs are being rendered in columns #3099

Closed MattBillFred closed 7 months ago

MattBillFred commented 9 months ago

Describe the bug If a message sent from the MGT Chat component contains one or more URLs, the contents of the message are converted into a multi-column format, where each URL is cramped into its own column. (See screenshots section)

To Reproduce

  1. Go to the MGT Chat Test Harness.
  2. Receive a message from another MGT Chat component that contains text and one more more URLs. For example "Check out information about the eclipse happening in April 2024: https://science.nasa.gov/eclipses/future-eclipses/eclipse-2024/where-when/ https://science.nasa.gov/eclipses"

Expected behavior The message should appear formatted similar to how it was sent.

Screenshots image

Environment (please complete the following information):

Additional context The same message coming from the Microsoft Teams client will maintain its original formatting.

gavinbarron commented 9 months ago

Interesting. It looks like the pasted message urls are being treated as anchors in the input box despite this being a plain text input leading to this issue.

Perhaps we need to wrap the messages sent from the text box in <p></p> to ensure that this case is correctly handled.

Mnickii commented 7 months ago

Closing this as it's fixed in the latest mgt-chat update.