Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Drawer anchor wrong position in RTL

See original GitHub issue

I use Drawer in my app in both direction but in RTL the Drawer still appear in the left side

This is not a v0.x issue.
I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Show The Drawer In right side when the anchor value is right

Current Behavior

Show The Drawer In left side when the anchor value is right

Steps to Reproduce

Link: https://codesandbox.io/s/3vjo4w33k6

Your Environment

Tech	Version
Material-UI	v3.2.0
React	16.5.2

Issue Analytics

State:
Created 5 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

1reaction

oliviertassinaricommented, Oct 13, 2018

@NuruddinBadawi It works better when you follow the RTL guide: https://codesandbox.io/s/mz3506j6kp.

Please spend more time looking into your issues. We will no longer prioritize them: capture d ecran 2018-10-13 a 12 21 13

0reactions

oliviertassinaricommented, Oct 13, 2018

@NuruddinBadawi I’m using withRoot.

Top Results From Across the Web

mui/material-ui - Drawer anchor wrong position in RTL - GitHub

I use Drawer in my app in both direction but in RTL the Drawer still appear in the left side This is not...

Close Persistent MUI Drawer on clicking outside

Persistent Drawer ... Use ClickAwayListener to know when the user clicks outside the Drawer . You also need to set mouseEvent="onMouseDown" , ...

Drawer - MudBlazor - Blazor Component Library

Anchor.Left and Anchor.Right makes Drawer's position absolute, they will not follow RTL-LTR changes.

Create responsive drawer menu with React + Material-UI.

I referred to “Responsive drawer” and “Clipped under the app bar” of the following ... <Drawer variant="temporary" anchor={theme.direction === 'rtl' ?

Drawer - Ant Design

A Drawer is a panel that is typically overlaid on top of a page and slides in from the side. It contains a...