# Horizontal scroll bar showing when tagging somebody

**URL:** https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064
**Category:** UX
**Created:** [14. November 2017 um 18:50 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064 "2017-11-14T18:50:29Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [14. November 2017 um 18:50 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/1 "2017-11-14T18:50:29Z")

</div>

Hello Friends,  
When we tag somebody in our website a Horizontal scroll bar is showing for some reason and you can see the picture below:

 ![Capture](https://global.discourse-cdn.com/meta/original/3X/4/d/4d8fc55d5ab6240eb6948af8b5b88b386c1d75e0.JPG)

---

<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: [14. November 2017 um 19:03 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/2 "2017-11-14T19:03:05Z")

</div>

I can reproduce this when using a right-to-left locale.

---

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [14. November 2017 um 19:04 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/3 "2017-11-14T19:04:07Z")

</div>

correct, we use RTL website in other word we use it in arabic.  
any solution for this ?

---

<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: [14. November 2017 um 19:18 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/4 "2017-11-14T19:18:49Z")

</div>

The problem is with the div that’s created by `caret_position.js`. It’s position is set to `left: -7000px`. Switching it to `right: -7000px` for RTL locales solves the problem. I haven’t worked through all the details of what it’s doing.

---

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [14. November 2017 um 19:23 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/5 "2017-11-14T19:23:41Z")

</div>

Thanks a lot, but how i can do that? where is the the file i have to edit `caret_position.js` ??

---

<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: [14. November 2017 um 19:27 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/6 "2017-11-14T19:27:38Z")

</div>

> [@Jay91](#):
>
> where is the the file i have to edit caret\_position.js ??

No, don’t do that. It will have to be fixed in the Discourse code. It doesn’t look like it can be targeted with custom css.

---

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [14. November 2017 um 19:30 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/7 "2017-11-14T19:30:00Z")

</div>

Ok, sounds well, so this maybe will be fixed in next update ?  
because also tagging somebody is moving the users from mobile view to desktop view automatically on small screen mobile phones which making tagging somebody very difficult for the user.

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: [16. November 2017 um 04:34 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/8 "2017-11-16T04:34:12Z")

</div>

An easy fix for this is to add an `id` to the clone div, and then set its left/right position with css instead of with javascript.

```plaintext
clone = $("<div id='caret-clone'><p></p></div>").appendTo("body");

```

```css
#caret-clone {
    left: -7000px; // left will be automatically converted to right in the rtl stylesheet
}

```

---

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [17. November 2017 um 14:44 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/9 "2017-11-17T14:44:05Z")

</div>

how i can do that, where i have to go ?

---

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [5. Januar 2018 um 15:03 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/10 "2018-01-05T15:03:16Z")

</div>

We received 4 updates in last 40 days but nothing happened, the same problem is occurring !!  
Any suggestions ?

---

<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: [7. Januar 2018 um 20:49 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/11 "2018-01-07T20:49:50Z")

</div>

Sorry for the delay on this. It will get fixed right away.

---

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [8. Januar 2018 um 17:08 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/12 "2018-01-08T17:08:08Z")

</div>

That is fine, don`t be sorry, i just tried to remind you guys… Thanks in advance, i know you guys working hard to make this awesome software better for us.

---

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [1. Februar 2018 um 18:28 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/13 "2018-02-01T18:28:37Z")

</div>

We tested the tagging today with last update and we found that the problem has been fixed. 🤗🤗🤗

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [1. Februar 2018 um 19:33 UTC](https://meta.discourse.org/t/horizontal-scroll-bar-showing-when-tagging-somebody/74064/14 "2018-02-01T19:33:46Z")

</div>


