Fix direction for RTL-LTR mixed text

[kfiven]

if you write a RTL message and include a code snippet in it. The code snippet also gets RTL direction styling.

When a code snippet is sent with LTR language:

When a code snippet is sent with RTL language:

Originally posted by @anyone00 in #717 (comment)

[anyone00]

From my short testing adding a direction: initial in

cinny/src/app/molecules/message/Message.scss

Lines 384 to 389 in 9f99320

	& pre {
	width: fit-content;
	max-width: 100%;
	@include scrollbar.scroll;
	@include scrollbar.scroll__h;
	@include scrollbar.scroll--auto-hide;

fixes the bug. But please let me know if it works for you too.

[anyone00]

you can test #735 in #test-rtl:matrix.org

Preview: 62f291ac3de8d11f3fedd3d5--pr-cinny.netlify.app
⚠️ Exercise caution. Use test accounts. ⚠️

[sinasadeghi83]

Still the same problem exists in v4.11.1. Not only for texts mixed with code blocks but mixed normal texts too.

[sinasadeghi83]

Still the same problem exists in v4.11.1. Not only for texts mixed with code blocks but mixed normal texts too.