Forum Discussion

Copper Contributor

Jun 21, 2019

Bug: Edge Dev + FlexBox + RTL Direction = Incorrect Layout

Hi. I apologize in advance, I'm not good in English. Recently, I have tried to implement RTL layouts using flexbox. I have used https://getbootstrap.com/docs/4.3/layout/grid/ that has been imple...

johnjansen

Former Employee

Jun 22, 2019

ArashLaylazi thanks so much for including that sample code, that is super helpful. Your English was fine, I think I understand the issue. However, I looked on Firefox and Chrome and Edge and I'm seeing any difference I can identify. Can you possibly include a screenshot of the rendering you see in Edge that is broken?

-John

ArashLaylazi

Copper Contributor

Jun 22, 2019

johnjansen

Thanks for your attention.

These are screenshots:

Firefox

Chrome

Edge 18

IE (JSFiddle does not support IE)

Edge Dev

Also, my Windows culture had been set as Persian (RTL culture).

johnjansen
Former Employee
Jun 22, 2019
ArashLaylazi wow! Thanks so much for including the screenshots. On my current build, I am not seeing that rendering in Edge, for me it matches the shots you included from the other browsers. I even installed the Persian Language pack to force RTL at the system. Can you confirm what build of Edge you are on?
- ArashLaylazi
  Copper Contributor
  Jun 22, 2019
  johnjansen , sure, I am using Edge Version 77.0.189.3 (Official build) dev (64-bit) now.
  
  Edge Dev - Version 77.0.189.3 (Official build) dev (64-bit)
  Also, my Windows 10 version is 1903 build 18362.175
  - RossenAtanassov
    Microsoft
    Jun 25, 2019
    ArashLaylazi Thanks for filing the issue. The issue is not unique to Edge and you can repro it by enabling LayoutNG in the experimental flags of Chrome as well.
    
    We will file a bug directly into Chromium and fix it there for everyone. Thanks.