메시지 작성 시 이미지/텍스트 미리보기 문제

텍스트 주위의 이미지 앞에 또는 뒤에 빈 줄이 있을 때 미리보기에서 이상한 동작이 발생합니다.
예시:

여기서는 문제가 없습니다:

텍스트 앞에 빈 줄을 추가하면 텍스트가 첫 번째 이미지의 오른쪽에서 시작됩니다.

텍스트 뒤에 빈 줄을 추가하고 텍스트가 짧으면, 텍스트가 두 번째 이미지의 왼쪽에 표시됩니다:


텍스트가 길면 문제가 사라집니다.

이 문제는 미리보기 패널에서만 발생하며, 이 모든 경우에서 최종 게시글에는 레이아웃 문제가 없습니다.

텍스트가 두 이미지 사이에 있지 않거나, 미리보기의 이미지가 미리보기 패널의 너비를 모두 차지할 만큼 충분히 넓으면 이 문제가 발생하지 않습니다.

저는 Windows 10에서 Chrome을 사용합니다.

1개의 좋아요

메타에서는 이 문제를 재현할 수 없습니다. 이 주제에 대한 답글로 여기에서 문제를 만들어 주시겠어요?

네, meta.discourse에서 스크린샷을 찍어보았는데 제 Discourse에서도 같은 문제가 발생합니다.

Edge 브라우저를 사용해서 다시 시도해 보았는데도 문제가 발생했습니다.

또한, 이 문제는 이미지를 업로드할 때만 발생하는 것 같습니다(고양이 이미지를 텍스트 영역에 직접 붙여넣었습니다). 이미지 링크를 붙여넣어 사진을 표시할 때는 문제가 발생하지 않습니다.

gif 파일을 첨부합니다:

2개의 좋아요