bug: Markdown Image not rendering correctly

Aperta
  • Qualcosa non va?
#6,239 8 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@Demiserular ci sta già lavorando.

Dal 4/4/2025.

  • #6275 di @cardoso — chiusa senza merge

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
react-native, typescript
Ambito
mobile

Direzione di ricerca

Inizia con la story Image indicata in app/containers/markdown/Markdown.stories.tsx e ispeziona MarkdownImage in Storybook. Riproduci il layout con il markdown fornito e confrontalo con l’esempio RNText/RNImage. Il lavoro è completato quando l’immagine markdown non viene più renderizzata sopra il contenuto successivo.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

🐛 bug
Describe the Bug

Image is rendering on top of the rest of the content.

Steps to Reproduce
const mdText = `${lineBreakText} ![alt text](https://play.google.com/intl/en_us/badges/images/badge_new.png)`

export const Image = () => (
	<View style={styles.container}>
		<Markdown msg={mdText} />
		<View style={{ height : 1, backgroundColor : 'red' }} />
		<RNText>{lineBreakText} <RNImage source={{ uri: 'https://play.google.com/intl/en_us/badges/images/badge_new.png' }} style={{ width: 100, height: 100 }} /></RNText>
	</View>
);

I've added a red line to display where Markdown ends and where the Text sample starts.

Expected Behavior

No response

Actual Behavior
Image
Rocket.Chat Server Version

any

Rocket.Chat App Version

4.58.0

Device Name

any

OS Version

any

Additional Context

No response

Lingua principale
TypeScript
Stelle
2.4k
Fork
1.5k
Merge medio
1g 15h
PR unite (30g)
29

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di RocketChat/Rocket.Chat.ReactNative

Tutte le issue di RocketChat/Rocket.Chat.ReactNative

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.