Bug 56594 – unicode-bidi:bidi-override inheritance in table

• Component: CSS
• Status: NEW

[Xiaomei Ji]

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".

[Xiaomei Ji]

Created attachment 86099 [details]
test case

[Ahmad Saleem]

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!