# "New thread" button covers chat input area

**URL:** https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189
**Category:** Bug
**Tags:** chat, material-design-theme, fixed
**Created:** [August 5, 2024, 2:01pm UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189 "2024-08-05T14:01:25Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![Thomas\_Rother](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thomas_rother/32/423597_2.png) [@Thomas\_Rother](https://meta.discourse.org/u/Thomas_Rother)
#### Post date: [August 5, 2024, 2:01pm UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189/1 "2024-08-05T14:01:25Z")

</div>

The “new thread” button in the lower right corner covers the chat input window with “Material Design Theme” as default. It would be better if the position of this button is movable or its position can be fixed somehow:

 ![screenshot_20240805_155206](https://global.discourse-cdn.com/meta/original/4X/b/6/2/b62c1438f623108b23e3303d2c0a28cfa6a49850.png)

---

<div class="post-metadata">

### Author: ![sheng\_hualuo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sheng_hualuo/32/430359_2.png) [@sheng\_hualuo](https://meta.discourse.org/u/sheng_hualuo)
#### Post date: [August 5, 2024, 2:45pm UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189/2 "2024-08-05T14:45:50Z")

</div>

You can set the z-index value of this button to be displayed below the chat window, which will use CSS

---

<div class="post-metadata">

### Author: ![Thomas\_Rother](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thomas_rother/32/423597_2.png) [@Thomas\_Rother](https://meta.discourse.org/u/Thomas_Rother)
#### Post date: [August 5, 2024, 2:49pm UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189/3 "2024-08-05T14:49:01Z")

</div>

Thanks for this hint, but I dont know **where** to set this. A manual change of the local css would not survive the next update, I guess …

---

<div class="post-metadata">

### Author: ![sheng\_hualuo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sheng_hualuo/32/430359_2.png) [@sheng\_hualuo](https://meta.discourse.org/u/sheng_hualuo)
#### Post date: [August 5, 2024, 2:51pm UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189/4 "2024-08-05T14:51:58Z")

</div>

Please send me a private message with your website link, and I will find your button element through the browser and send it to you after modifying the css, because I don’t have this theme of yours installed

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [August 7, 2024, 9:35pm UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189/7 "2024-08-07T21:35:06Z")

</div>

Hi,

I’ll need some more info here.

The title says “new topic” button, but the OP says “new thread” button.  
I’ve just enabled material design for myself, and on meta (with latest version of the theme), there are no floating buttons I can see.

Can you show a larger screenshot (full screen) and add what version of Discourse and the theme you are on, as well as what device and browser version?

Or share the link of the forum where you encounter this.

Cheers

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [August 7, 2024, 9:50pm UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189/8 "2024-08-07T21:50:23Z")

</div>

> [@chapoi](#):
>
> The title says “new topic” button, but the OP says “new thread” button.

That’s because I edited the title 🙋‍♀️ I thought it would be helpful to replace thread with the correct translation for “Thema”

I also see a “new topic” button at the [theme creator preview](https://discourse.theme-creator.io/theme/Discourse/material-design-theme). But chat is not enabled there, so I cannot check with an open chat drawer

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/5/d/95d9320e70b3f511c5ccbe3f97347390c7b999bd.png)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [August 7, 2024, 9:53pm UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189/9 "2024-08-07T21:53:47Z")

</div>

Oh it’s on desktop, I wasn’t able to tell from the cropped screenshot.

Thanks @Moin I can work with that

---

<div class="post-metadata">

### Author: ![Thomas\_Rother](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thomas_rother/32/423597_2.png) [@Thomas\_Rother](https://meta.discourse.org/u/Thomas_Rother)
#### Post date: [August 8, 2024, 5:45am UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189/10 "2024-08-08T05:45:19Z")

</div>

@chapoi : my fault, I meant “thread”. Enclosed is a screencast showing the effect. Best thing would be if users are able to move this button to the desired position. This may be a bit tricky for the different screne sizes from mobile up to “big desktop”. In my case its a multi-screen setup with 2 x 1920 x 1200

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [August 8, 2024, 5:57am UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189/11 "2024-08-08T05:57:05Z")

</div>

> [@Thomas\_Rother](#):
>
> my fault, I meant “thread

As you can see in my screenshot, the English word is “topic”. That’s why I changed it in the title. “Thread” is used for [subdiscussions in chats](https://meta.discourse.org/t/introducing-chat-threads/270613), “topic” for the things you post in categories.  
Du kannst in meinem Screenshot sehen, dass es im Englischen “topic” heißt. Deshalb habe ich das im Titel geändert. “Thread” wird für die [Unterteilung von Chats in Unterdiskussionen](https://meta.discourse.org/t/introducing-chat-threads/270613) verwendet, “topic/Thema” für das, was man in Kategorien veröffentlicht.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [August 8, 2024, 5:16pm UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189/12 "2024-08-08T17:16:14Z")

</div>

Making the button draggable to a desired position is not something that’s easily done and beyond the scope of a bugfix.

I’ve merged a [PR](https://github.com/discourse/material-design-stock-theme/pull/32) that addresses the issue by adjusting the z-index and added a few tweaks to make the positioning a tiny bit smarter. That should fix the problem.

Thanks for the report!

---

<div class="post-metadata">

### Author: ![Thomas\_Rother](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thomas_rother/32/423597_2.png) [@Thomas\_Rother](https://meta.discourse.org/u/Thomas_Rother)
#### Post date: [August 9, 2024, 6:12am UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189/14 "2024-08-09T06:12:36Z")

</div>

> [@chapoi](#):
>
> I’ve merged a [PR](https://github.com/discourse/material-design-stock-theme/pull/32) that addresses the issue by adjusting the z-index and added a few tweaks to make the positioning a tiny bit smarter. That should fix the problem.

yep, from my side thats absolutely OK. I understand that a draggable button is a bit more complicate, so “draggable” is “nice to have”, but not essential.

---

<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 10, 2024, 7:00am UTC](https://meta.discourse.org/t/new-thread-button-covers-chat-input-area/320189/15 "2024-08-10T07:00:20Z")

</div>

This topic was automatically closed after 37 hours. New replies are no longer allowed.
