Forum Discussion

ArashLaylazi's avatar
ArashLaylazi
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...
ArashLaylazi's avatar
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's avatar
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's avatar
    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's avatar
      RossenAtanassov
      Icon for Microsoft rankMicrosoft
      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.

       

       

      • ArashLaylazi's avatar
        ArashLaylazi
        Copper Contributor
        Jun 25, 2019

        RossenAtanassov 

        I hope this issue will be resolved ASAP.
        EdgeHtml was great, also new Edge (Chromium).
        Thanks for your considerations.

Resources