EDGE 16 position:sticky broken with RTL

Issue #15048437 • Assigned to bbrinza

Details

Author
Ephox D.
Created
Dec 11, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
16.16299
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

  • open this fiddle: https://jsfiddle.net/8c81y6d7/3/
  • Observed: the DIV with the RED border (inside the dashed blue RTL div) is shifted left offscreen
  • Expected: the DIV is completely visible within its enclosing blue div

— IF you cant open the fiddle, the reproduction case is below —

<div dir='rtl' style='border: 3px dashed blue;'>
  <div style='position: sticky; border: 4px solid red;'>This thingy has a computed -ve offset left value and so disappears off left of page.
  </div>
</div>

<div dir='ltr' style='border: 3px dotted blue;'>
  <div style='position: sticky; border: 4px solid green;'>This is ok.
  </div>
</div>

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Steven K.”

      Changed Assigned To to “travil”

      Changed Assigned To to “bbrinza”

    You need to sign in to your Microsoft account to add a comment.

    Sign in