# RTL interface has wrong position for some of popup boxes

**URL:** https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503
**Category:** Bug
**Created:** [2016年十月13日 15:31 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503 "2016-10-13T15:31:46Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![enigmaty](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/enigmaty/32/65626_2.png) [@enigmaty](https://meta.discourse.org/u/enigmaty)
#### Post date: [2016年十月13日 15:31 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/1 "2016-10-13T15:31:46Z")

</div>

I have RTL interface. When I click on “topic admin actions” the popup box shows on the opposite side.

 ![](https://global.discourse-cdn.com/meta/original/3X/1/9/191afd0f209e1a1f11312f9e5a68e6f0e36a01e7.png)

This is also happens when I click on the created at link (which triggers the share link). Also with “share a link to this post”

Thanks

Can you help me with this @simon?

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [2016年十月13日 17:04 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/2 "2016-10-13T17:04:40Z")

</div>

That’s, uh, technically the correct position for it to be in. It’s supposed to be in the gutter alongside the post stream.

It’s a little far away though, innit? But this is not a RTL layout bug, no.

---

<div class="post-metadata">

### Author: ![enigmaty](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/enigmaty/32/65626_2.png) [@enigmaty](https://meta.discourse.org/u/enigmaty)
#### Post date: [2016年十月13日 17:31 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/3 "2016-10-13T17:31:35Z")

</div>

Maybe the image is not clear. the button is in right of the page (the ranch icon under the topic) and when you click it the box shoes up on the left side. This not what happens on LTR layout. The box shows on the same side of the button.

 ![](https://global.discourse-cdn.com/meta/original/3X/2/0/20f59dbd523a3af2418cee6e757d604147e717b7.png)

The Admin box shows on top of the post.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [2016年十月13日 20:16 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/4 "2016-10-13T20:16:04Z")

</div>

Aah, I thought you were clicking the corner wrench (in the upper-right). Yeah, that’s wrong.

---

<div class="post-metadata">

### Author: ![enigmaty](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/enigmaty/32/65626_2.png) [@enigmaty](https://meta.discourse.org/u/enigmaty)
#### Post date: [2016年十月23日 14:15 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/5 "2016-10-23T14:15:58Z")

</div>

Please, can someone help me with this.

Thanks

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [2016年十月23日 16:52 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/6 "2016-10-23T16:52:47Z")

</div>

This is how it looks on my forum when Persian is selected as the locale. Does this seem correct?

 ![](https://global.discourse-cdn.com/meta/original/3X/5/1/51f27793318c159be6c8e95b04eb38355b4166a4.png)

 ![](https://global.discourse-cdn.com/meta/original/3X/e/2/e26ac20c3f14b9976c8f1910596140dd3671d15c.png)

What version of Discourse are you using? Do you have any custom css?

The share-link box has the wrong position.

 ![](https://global.discourse-cdn.com/meta/original/3X/1/0/104c7c646cf52583b3c2582f776c87aef75d9f00.png)

---

<div class="post-metadata">

### Author: ![enigmaty](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/enigmaty/32/65626_2.png) [@enigmaty](https://meta.discourse.org/u/enigmaty)
#### Post date: [2016年十月23日 17:00 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/7 "2016-10-23T17:00:54Z")

</div>

I am talking about the button right before the end of each topic, not the one that is beside the the posts. It should be right before the ‘Bookmark’ button.

I just setup the latest docker image form the repo, and I do not use any custom css.

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [2016年十月23日 17:04 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/8 "2016-10-23T17:04:51Z")

</div>

Right 🙂 I see the problem now. I can try to fix it tomorrow.

---

<div class="post-metadata">

### Author: ![enigmaty](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/enigmaty/32/65626_2.png) [@enigmaty](https://meta.discourse.org/u/enigmaty)
#### Post date: [2016年十月23日 17:09 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/9 "2016-10-23T17:09:55Z")

</div>

Thank you 😀

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [2016年十月25日 02:20 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/10 "2016-10-25T02:20:21Z")

</div>

For the topic-admin-popup-menu, without changing a lot of code, I don’t see a good way to change the widget code to get it to work for rtl for both the time-line container (on the upper part of the page) and for the topic-footer-main-buttons.

I think you can use this custom css to get it to work for you. There may be an issue with setting `#main-outlet` to position `relative`, but I think it will be ok.

```css
.rtl {
    
    #main-outlet {
        position: relative;
    }

    #topic-footer-main-buttons .topic-admin-popup-menu[style] {
        left: auto !important;
       right: 8px !important;
    }

    .timeline-container .topic-admin-popup-menu[style] {
       left: auto !important;
       right: 40px !important;
    }
}

```

The share-link popup can be fixed for rtl. It just needs a switch in the code to check if the current locale is rtl. I’ll do that soon if no one else does it first.

---

<div class="post-metadata">

### Author: ![enigmaty](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/enigmaty/32/65626_2.png) [@enigmaty](https://meta.discourse.org/u/enigmaty)
#### Post date: [2016年十月25日 05:02 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/11 "2016-10-25T05:02:20Z")

</div>

Thank you. It worked for me. Even the ‘Share link’ is now better than before (It is closer to the button).  
I really appropriate your help. 🙂

I just want to ask you something. Do you have a problem when you customize your admin interface? You see there is **no** `admin_rtl.scss` in the code base (there is for desktop and mobile). So when I try to customize any thing in my admin interface, It only works if I am browsing the interface coming from my desktop interface. I mean, if you refresh the page the customization is gone. If you go directly to the admin interface, the customization is gone.

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [2016年十月25日 06:12 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/12 "2016-10-25T06:12:03Z")

</div>

I have a category on my forum for learning Persian (not much it happening with it now, but hopefully soon.) Other than that I don’t use the rtl layout.

I think saving custom styles is disabled for the admin pages. Adding them through a plugin should work.

---

<div class="post-metadata">

### Author: ![maiki](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maiki/32/233950_2.png) [@maiki](https://meta.discourse.org/u/maiki)
#### Post date: [2022年十月11日 22:06 UTC](https://meta.discourse.org/t/rtl-interface-has-wrong-position-for-some-of-popup-boxes/51503/17 "2022-10-11T22:06:27Z")

</div>


