# Plugin outlet question

**URL:** https://meta.discourse.org/t/plugin-outlet-question/268507
**Category:** Development
**Created:** [June 15, 2023, 6:21pm UTC](https://meta.discourse.org/t/plugin-outlet-question/268507 "2023-06-15T18:21:08Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![th21](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/th21/32/211915_2.png) [@th21](https://meta.discourse.org/u/th21)
#### Post date: [June 15, 2023, 6:21pm UTC](https://meta.discourse.org/t/plugin-outlet-question/268507/1 "2023-06-15T18:21:08Z")

</div>

I wrote a theme component to add a banner to my site (above site header), it works, but when the chat panel shows up, 1) on the desktop, the chat header will be covered by the site header, 2) on the mobile, the chat input box will be pushed out of the screen (below the viewport).

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/4/d/44de50e594d484b87e631c73adb8ca3a96b1c38a.png)

Anyway to fix this issue? I assumed the plugin was not initialized correctly so the chat drawer can’t detect it, but don’t know the solution.

Thanks in advance.

```plaintext
<script type="text/discourse-plugin" version="0.8">
const h = require("virtual-dom").h;

let user = api.getCurrentUser();

api.createWidget("general-banner", {
    tagName: "div",
    html() {
        if ( !user || (user && !user.custom_fields.user_field_2 )) {
            return [
            //content
            ];
        }
    }
});

</script>

<script type="text/x-handlebars" data-template-name="/connectors/above-site-header/general-banner">
 {{mount-widget widget="general-banner"}}
 
</script>
  

```

---

<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: [June 15, 2023, 7:10pm UTC](https://meta.discourse.org/t/plugin-outlet-question/268507/2 "2023-06-15T19:10:38Z")

</div>

just to add a note - i believe widgets are gradually being phased out in favor of ember components but they should still work for awhile.

---

<div class="post-metadata">

### Author: ![th21](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/th21/32/211915_2.png) [@th21](https://meta.discourse.org/u/th21)
#### Post date: [June 26, 2023, 9:01pm UTC](https://meta.discourse.org/t/plugin-outlet-question/268507/3 "2023-06-26T21:01:51Z")

</div>

I find the issue seems to be related to still having the chat plugin installed, I didn’t remove it from app.yml when it was merged to the core.

After removing the line it works, but still, a minor issue that the chat composer sometime will be covered by [Discourse Tab Bar for Mobile](https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696)

---

<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: [June 27, 2023, 8:25am UTC](https://meta.discourse.org/t/plugin-outlet-question/268507/4 "2023-06-27T08:25:47Z")

</div>

Happy to see the issue was fixed after removing the plugin from `app.yml` 🙂

> [@th21](#):
>
> After removing the line it works, but still, a minor issue that the chat composer sometime will be covered by [Discourse Tab Bar for Mobile](https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696)

Interesting. It was raised here:

> [@Discourse Tab Bar for Mobile](https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696/153):
>
> Tab bar is overflow on chat box. Users can not chat with tab bar. Could you fix this, please?

---

<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: [June 28, 2023, 12:10pm UTC](https://meta.discourse.org/t/plugin-outlet-question/268507/5 "2023-06-28T12:10:42Z")

</div>

A post was merged into an existing topic: [Discourse Tab Bar for Mobile](https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696/155)