We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Vanwege onderhoudswerkzaamheden die uw ervaring zouden moeten verbeteren, heeft deze website beperkte functionaliteit. Als een artikel uw probleem niet verhelpt en u een vraag wilt stellen, kan onze ondersteuningsgemeenschap u helpen in @FirefoxSupport op Twitter en /r/firefox op Reddit.

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

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
Gekoppelde schermafbeeldingen

Alle antwoorden (1)

more options

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

Behulpzaam?

Een vraag stellen

U moet zich aanmelden bij uw account om op berichten te antwoorden. Stel een nieuwe vraag als u nog geen account hebt.