搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

Unicode-bidi: plaintext is misaligning text after wrap

more options

0

I'm writing a library that takes user submitted text and renders it in the browser, among other things.

The user may submit text that mixes lines of RTL and LTR text, and each line should be rendered in the appropriate alignment and direction.

To this end, I'm presenting text in paragraph html elements with unicode-bidi: plaintext which is intended for this behavior.

I am seeing a strange behavior where a line wrap in a single span of RTL text causes the second line to be rendered LTR. This only occurs in Firefox. I'm hoping to find a workaround or fix. Toggling the unicode-bidi attribute on the paragraph element fixes the issue, as does opening the developer console for me. Seems very erratic.

I am submitting text like this:

זוהי פסקה של טקסט. הנה קישור ראשון, זהו טקסט מילוי. הנה קישור שני, זהו טקסט מילוי. והנה קישור שלישי, זהו טקסט מילוי. Which is wrapping, and the wrapped portion is aligned left instead of right.

This is a demo link: https://musical-arithmetic-54267c.netlify.app/Style_examples#Links_in_right-to-left_text

0 I'm writing a library that takes user submitted text and renders it in the browser, among other things. The user may submit text that mixes lines of RTL and LTR text, and each line should be rendered in the appropriate alignment and direction. To this end, I'm presenting text in paragraph html elements with unicode-bidi: plaintext which is intended for this behavior. I am seeing a strange behavior where a line wrap in a single span of RTL text causes the second line to be rendered LTR. This only occurs in Firefox. I'm hoping to find a workaround or fix. Toggling the unicode-bidi attribute on the paragraph element fixes the issue, as does opening the developer console for me. Seems very erratic. I am submitting text like this: זוהי פסקה של טקסט. הנה קישור ראשון, זהו טקסט מילוי. הנה קישור שני, זהו טקסט מילוי. והנה קישור שלישי, זהו טקסט מילוי. Which is wrapping, and the wrapped portion is aligned left instead of right. This is a demo link: https://musical-arithmetic-54267c.netlify.app/Style_examples#Links_in_right-to-left_text
已附加屏幕截图

所有回复 (1)

more options

Changing demo link: https://maroon-amabelle-77.tiiny.site/#/Style_examples#Links_in_right-to-left_text

有帮助吗?

我要提问

您需要登录才能回复。如果您还没账号,可以提出新问题