# Problem with \`topic-progress-wrapper\` in RTL

**URL:** https://meta.discourse.org/t/problem-with-topic-progress-wrapper-in-rtl/178639
**Category:** Bug
**Created:** [February 6, 2021, 9:30am UTC](https://meta.discourse.org/t/problem-with-topic-progress-wrapper-in-rtl/178639 "2021-02-06T09:30:47Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)
#### Post date: [February 6, 2021, 9:30am UTC](https://meta.discourse.org/t/problem-with-topic-progress-wrapper-in-rtl/178639/1 "2021-02-06T09:30:47Z")

</div>

Hi dear discourse,  
In RTL, when we go to the end of the topic page, `topic-progress-wrapper` class makes the page cluttered. Please check this item.

When we comment on the following values, the problem is solved:

```css
@media screen and (min-width: 925px)
.container.posts .topic-navigation {
    grid-area: timeline;
    align-self: start;
    /* position: -webkit-sticky;
       position: sticky; */
    top: 6em;
    margin-right: 1em;
    z-index: 100;
}

```

---

<div class="post-metadata">

### Author: ![Osama](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osama/32/98013_2.png) [@Osama](https://meta.discourse.org/u/Osama)
#### Post date: [February 6, 2021, 10:10am UTC](https://meta.discourse.org/t/problem-with-topic-progress-wrapper-in-rtl/178639/2 "2021-02-06T10:10:15Z")

</div>

Hi @Nildarar

Can you please post a screenshot of the problem?

---

<div class="post-metadata">

### Author: ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)
#### Post date: [February 6, 2021, 11:32am UTC](https://meta.discourse.org/t/problem-with-topic-progress-wrapper-in-rtl/178639/3 "2021-02-06T11:32:49Z")

</div>

Not shown in the screenshot. Let me explain further. To see the problem, please do the following:

1. make your template RTL
2. Enter the mobile view
3. Increase the screen width to more than 925px
4. Scroll to the end of the topic
5. The **Topic Progress** module disappears from the screen and the page scrolls horizontally.

We could have fixed this problem ourselves by changing the CSS, but I thought there might be a bug beyond that and it would be found by your review.

---

<div class="post-metadata">

### Author: ![Osama](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osama/32/98013_2.png) [@Osama](https://meta.discourse.org/u/Osama)
#### Post date: [February 6, 2021, 2:18pm UTC](https://meta.discourse.org/t/problem-with-topic-progress-wrapper-in-rtl/178639/4 "2021-02-06T14:18:12Z")

</div>

Ok, so this is a symptom of a bigger problem. The root problem here is that Discourse should render in desktop view rather than mobile view when the screen is ≥ 925px wide. Can you tell me on what device(s) do you see this problem?

It’s worth mentioning that removing `position: sticky` may seem to solve this particular problem, but it will break the topic timeline (it will not go down as you scroll down a topic).

* * *

Kind of unrelated to this, but I noticed the topic progress bar should be on the left rather than the right when in RTL layout. I sent a PR for this here: [FIX: Topic progress bar should be on the left in RTL layouts by OsamaSayegh · Pull Request #11999 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/11999).

---

<div class="post-metadata">

### Author: ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)
#### Post date: [February 6, 2021, 5:07pm UTC](https://meta.discourse.org/t/problem-with-topic-progress-wrapper-in-rtl/178639/5 "2021-02-06T17:07:25Z")

</div>

> [@Osama](#):
>
> Can you tell me on what device(s) do you see this problem?

Users reported this to us and I saw it in Dev Tools. I will ask my colleagues and let you know.

> [@Osama](#):
>
> I sent a PR for this

Thank you for this fix 👍

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [February 9, 2021, 12:51am UTC](https://meta.discourse.org/t/problem-with-topic-progress-wrapper-in-rtl/178639/6 "2021-02-09T00:51:23Z")

</div>

Merged, thanks heaps for reporting, I hope it fixes the issue.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [February 9, 2021, 12:51am UTC](https://meta.discourse.org/t/problem-with-topic-progress-wrapper-in-rtl/178639/7 "2021-02-09T00:51:25Z")

</div>


