Scrollbar is on the left when writing-mode: vertical-rl is applied to html or body element

By design Issue #14932477


Hui J.
Dec 4, 2017
This issue is public.
Found in
  • Microsoft Edge
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Scrollbar is rendered on the left instead of the right when writing-mode is set to vertical-rl. Scrollbar rendering does not seem to be mentioned in the specification, so unsure if this is considered a bug or not. All other browsers render the scrollbar on the right of the screen.
Live demo viewable at


1 attachment

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

  • Hello,

    Thank you for providing this information about the issue. After thorough testing, we are unable to reproduce this problem in Edge. Please test this behavior in our creator build 16299 or insider preview 17046.

    Best Wishes,
    The MS Edge Team

  • I apologise for the lack of specificity in my description. The issue only occurs with nested mixed writing-mode, for example, when you apply writing-mode: vertical-rl to the html element then apply writing-mode: horizontal-tb to the main element. I have added a testcase as well.

  • Microsoft Edge Team

    Changed Assigned To to “bbrinza”

    Changed Status to “By design”

  • This seems by design to me. Scrollbars are always on the left in right-to-left modes, I don’t see why a vertical-right to left would be any different.

    To be honest though, I don’t think any language uses vertical-right-to-left, so I wouldn’t expect other browsers to care about this much.

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

Sign in