Following is CSS spec on unicode-bidi http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi: "bidi-override: For inline-level elements this creates an override. For block container elements this creates an override for inline-level descendants not within another block-level, table-cell, table-caption, or inline-block element. " What should be the rendered result for the following <div>? <div style="display:table-row; direction:rtl; unicode-bidi:bidi-override">abc</div> <div style="display:table-cell; direction:rtl; unicode-bidi:bidi-override">def</div> <div style="display:table-caption; direction:rtl; unicode-bidi:bidi-override">hij</div> <div style="display:table-row-group; direction:rtl; unicode-bidi:bidi-override">opq</div> Firefox and Chrome both render "hij" as "jih", render "abc" as "abc", and render "opq" as "opq". But Firefox renders "def" as "def" while Chrome renders it as "fed". IE only renders 2 lines as "jih" and "fed".
Created attachment 86099 [details] test case
Created attachment 460150 [details] Safari 15.5 matches Chrome but differs from Firefox Based on attached test case, Safari 15.5 is matching Chrome while Firefox Nightly is rendering <div> bit differently. All text across all browser is same (nothing as mentioned as Comment 01 of 'jih' changing to 'hij' etc.). If I am testing is incorrectly, please retest accordingly. Thanks!