# Custom status message in front of header and other elements

**URL:** https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320
**Category:** Bug
**Tags:** mobile, user-status
**Created:** [July 31, 2023, 8:01am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320 "2023-07-31T08:01:52Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [July 31, 2023, 8:01am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/1 "2023-07-31T08:01:52Z")

</div>

Problem description:

The custom status message of the user does not get hidden by the banner even when the post that the user saw is gone, hence making it not visually appealing.  
Attached is a picture of the problem:

 ![Screenshot_20230731_150311_Replit](https://global.discourse-cdn.com/meta/original/4X/a/0/c/a0c41a3acfa24803c2572eaf0583bd24ce8acd41.jpeg)

Expected behavior:

Status message is hidden by the banner

Actual behavior:

Status shows in front of the banner.

Steps to reproduce:

Click on a user’s custom status, and scroll up, until the post is gone from sight. Then, you will still be able to see the status mssage in front of the banner at the top of the page.

Bug appears at this link:

(I am not sure if this is just me)

Browser/OS/Device:

Replit app/Android /Samsung Galaxy

## Similar occurrences:

> [@NateDhaliwal](#):
>
> here is another one:
> 
> ![Screenshot_20230831_183227_Replit](https://global.discourse-cdn.com/meta/original/4X/a/8/0/a80bf3b106da989f3edd019468cad0a838960b60.jpeg)
> 
> As you can see, the status is still visible, overlapping the sidebar even though the user is scrolled away from view.

* * *

I have found that it is in front of the bar where you can go back or go forward.  
Here’s a handy picture:

 ![Screenshot_20230904_133739_Replit](https://global.discourse-cdn.com/meta/original/4X/b/4/b/b4bf78e398ebcdd32c50f1f3cf3d9b36ec9f075d.jpeg)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [July 31, 2023, 11:32am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/2 "2023-07-31T11:32:53Z")

</div>

I can repro it:

Thanks for the report 👍

---

<div class="post-metadata">

### Author: ![andrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrei/32/205142_2.png) [@andrei](https://meta.discourse.org/u/andrei)
#### Post date: [August 4, 2023, 8:01pm UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/7 "2023-08-04T20:01:39Z")

</div>

I took a look at this. Two important things:

1. This happens only on mobile
2. This happens not only with user status tooltips, but also with some other tooltips that are also implemented using the [DTooltip](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/d-tooltip.gjs) component

On desktop, we use the `mouseenter` event as a tooltip trigger. When the mouse leaves the tooltip, it disappears, so everything works smoothly.

On mobile, the trigger for tooltip is a click, and for tooltip to disappear user have to click outside the tooltip. Because of that, the tooltip doesn’t disappear when scrolling. This is the default behavior of tooltips made using the `tippy.js` library that we use under the hood.

I’m working on the fix currently, and already have a working draft. The solution will be to hide the tooltip when scrolling on mobile. And that’ll fix all the `DTooltip` based tooltips.

---

<div class="post-metadata">

### Author: ![andrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrei/32/205142_2.png) [@andrei](https://meta.discourse.org/u/andrei)
#### Post date: [August 15, 2023, 7:35pm UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/11 "2023-08-15T19:35:03Z")

</div>

Here is the fix for the problem in topics:

[https://github.com/discourse/discourse/pull/23098](https://github.com/discourse/discourse/pull/23098)

For some reason this doesn’t work in chat, I’ll investigate and fix it in a follow up.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [August 15, 2023, 8:27pm UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/12 "2023-08-15T20:27:13Z")

</div>

> [@andrei](#):
>
> This happens only on mobile

it’s happening on my iPad in desktop view as well as mobile. in Safari, Chrome and Firefox on iOS 16.6.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [August 16, 2023, 9:01am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/13 "2023-08-16T09:01:26Z")

</div>

Hi @andrei !  
I’m sorry to say that this bug still appears in a Discourse forum (A different one this time).  
It also appears in this topic…

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [August 16, 2023, 9:10am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/14 "2023-08-16T09:10:03Z")

</div>

It doesn’t look like the fix is merged yet, so you may have to wait a little longer to test. 👍

---

<div class="post-metadata">

### Author: ![andrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrei/32/205142_2.png) [@andrei](https://meta.discourse.org/u/andrei)
#### Post date: [August 23, 2023, 11:46am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/18 "2023-08-23T11:46:55Z")

</div>

We’ve just merged the fix, it’s in the main branch now. Remember it only solves the problem in topics, there is a similar problem in chat, which will be addressed separately later.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [August 23, 2023, 2:07pm UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/19 "2023-08-23T14:07:23Z")

</div>

Hi @andrei !  
I see that the header changes and the status fades when it reaches the top. Is this the fix?

---

<div class="post-metadata">

### Author: ![andrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrei/32/205142_2.png) [@andrei](https://meta.discourse.org/u/andrei)
#### Post date: [August 23, 2023, 6:37pm UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/20 "2023-08-23T18:37:00Z")

</div>

> [@NateDhaliwal](#):
>
> I see that the header changes and the status fades when it reaches the top. Is this the fix?

The fix makes tooltips fade when scrolling. After the fix, on touchscreens tooltips fade when you start scrolling.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [August 24, 2023, 7:05am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/21 "2023-08-24T07:05:24Z")

</div>

Right. Thanks for the fix!

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [August 30, 2023, 7:37am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/22 "2023-08-30T07:37:49Z")

</div>

Hey everyone!  
This appeared again on another forum.  
Other forums like this and Ask fades the header, but that forum does not.  
May I add that if you scroll up quickly when the status is still being shown, it will overlap, but the header won’t react fast enough to hide it.

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [August 30, 2023, 11:09am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/23 "2023-08-30T11:09:06Z")

</div>

1. The header itself doesn’t hide them
2. Don’t base any bug reports on SB’s forums, it’s practically always out of date.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [August 31, 2023, 10:35am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/25 "2023-08-31T10:35:29Z")

</div>

Similar to another bug I reported about the custom status being in front of something, here is another one:

 ![Screenshot_20230831_183227_Replit](https://global.discourse-cdn.com/meta/original/4X/a/8/0/a80bf3b106da989f3edd019468cad0a838960b60.jpeg)  
As you can see, the status is still visible, overlapping the sidebar even though the user is scrolled away from view.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [September 4, 2023, 5:42am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/26 "2023-09-04T05:42:57Z")

</div>

As you can see, the custom status strikes again!  
I have found that it is in front of the bar where you can go back or go forward.  
Here’s a handy picture:

 ![Screenshot_20230904_133739_Replit](https://global.discourse-cdn.com/meta/original/4X/b/4/b/b4bf78e398ebcdd32c50f1f3cf3d9b36ec9f075d.jpeg)

Another custom status issue:  
[https://meta.discourse.org/t/custom-status-in-front-of-sidebar/277328?u=natedhaliwal](https://meta.discourse.org/t/custom-status-in-front-of-sidebar/277328)  
It seems that the custom status has problems.

---

<div class="post-metadata">

### Author: ![andrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrei/32/205142_2.png) [@andrei](https://meta.discourse.org/u/andrei)
#### Post date: [September 4, 2023, 11:32am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/27 "2023-09-04T11:32:20Z")

</div>

@NateDhaliwal thank you for reporting these problems!

Note that, more precisely, the problems are related to components that we use for showing rich tooltips across the app. We use rich tooltips for showing status, but we also use them for other things. So potentially the similar issues can be reproduced with other tooltips too. The fix I provided above fixed only the most general cases.

We’re currently working on more changes to the components for rich tooltips, so there’ll be more updates here. We’ll take care of these problems.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [September 22, 2023, 6:08am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/28 "2023-09-22T06:08:42Z")

</div>

There’s one more: in the chat:

 ![Screenshot_20230921_195109_Replit](https://global.discourse-cdn.com/meta/original/4X/a/1/a/a1a13731bdcc69c2b42213a80562c16c22745f38.jpeg)  
 ![Screenshot_20230921_195048_Replit](https://global.discourse-cdn.com/meta/original/4X/0/6/8/068e2500dc6fda4090e60edfb9b6857adc00179b.jpeg)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [September 22, 2023, 6:39am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/29 "2023-09-22T06:39:40Z")

</div>

I believe this was mentioned already:

> [@andrei](#):
>
> Remember it only solves the problem in topics, there is a similar problem in chat, which will be addressed separately later.

---

<div class="post-metadata">

### Author: ![andrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrei/32/205142_2.png) [@andrei](https://meta.discourse.org/u/andrei)
#### Post date: [March 28, 2024, 6:05pm UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/30 "2024-03-28T18:05:53Z")

</div>

@j.jaffeux has made a major rework of the tooltips (and other popups) in

[https://github.com/discourse/discourse/pull/23650](https://github.com/discourse/discourse/pull/23650)

As a part of that work, the issues described in this topic has been also fixed. I’ve just tested and

- there are no overlapping of status tooltips in chat
- tooltips disappear when opening sidebar
- tooltips don’t appear above the bottom navigation toolbar on mobile

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [July 6, 2025, 4:11am UTC](https://meta.discourse.org/t/custom-status-message-in-front-of-header-and-other-elements/273320/32 "2025-07-06T04:11:33Z")

</div>


