GetStream / stream-chat-react-native

💬 React-Native Chat SDK ➜ Stream Chat. Includes a tutorial on building your own chat app experience using React-Native, React-Navigation and Stream
https://getstream.io/chat/sdk/react-native/
Other
975 stars 325 forks source link

Various markdown rendering issues #1667

Open santhoshvai opened 2 years ago

santhoshvai commented 2 years ago

Blockquotes are not respected:

image

Table headers are hidden

for the input:

| # | Name   | Age 
|---|--------|-----|
| 1 | John   | 19  |
| 2 | Sally  | 18  |
| 3 | Stream | 20  |
image

~Inline links do not work as expected~

update: fixed

for the input:

You can also put some url as a link [like This](https://www.google.com) or write it as a plain text:
 https://www.google.com <mailme@gmail.com>
image

~custom styling is not working as expected~

update: fixed in https://github.com/GetStream/stream-chat-react-native/pull/2008

Reported by a customer in zendesk: https://getstream.zendesk.com/agent/tickets/26580

Padding is not respected for inline code elements. I think this is a React Native issue with next Text fields, but I'm not 100% sure. The SDK is setting padding here, but it isn't being respected. This can be seen in the Chat Sample iOS as well.

The styling for listItemNumber and listItemBullet are not being respected. For example, trying to change the color of the list number or change it from 'bold' to 'normal' does not affect what is rendered.

khushal87 commented 2 years ago

Probably a copy of - https://github.com/GetStream/stream-chat-react-native/issues/1423

We can close either of them. @santhoshvai

vanGalilea commented 2 years ago

Hey team! Please add your planning poker estimate with ZenHub @vishalnarkhede @santhoshvai @madsroskar

santhoshvai commented 1 year ago

update: customized styling for ordered and the unordered list was fixed in https://github.com/GetStream/stream-chat-react-native/pull/2008

khushal87 commented 8 months ago

Current state for Inline links do not work as expected:

simulator_screenshot_C7A4C8E7-BCF2-43D0-AE19-5CEF9877A014

Same as React:

Screenshot 2024-02-27 at 6 44 46 PM
jayarjo commented 2 months ago

What about styling quotes?

Screenshot 2024-08-30 at 15 22 25

This works in web version of the chat, but doesn't seem possible in the app.