Questão sobre o outlet do plugin

Dev
1

Escrevi um componente de tema para adicionar um banner ao meu site (acima do cabeçalho do site), funciona, mas quando o painel de chat aparece, 1) no desktop, o cabeçalho do chat será coberto pelo cabeçalho do site, 2) no mobile, a caixa de entrada do chat será empurrada para fora da tela (abaixo da viewport).

image
image918×256 23 KB

Há alguma maneira de corrigir esse problema? Presumi que o plugin não foi inicializado corretamente, então o drawer do chat não consegue detectá-lo, mas não sei a solução.

Agradeço antecipadamente.

<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>
1 curtida
2

apenas para adicionar uma observação - acredito que os widgets estão sendo gradualmente descontinuados em favor dos componentes ember, mas eles ainda devem funcionar por um tempo.

3 curtidas
3

Acho que o problema parece estar relacionado a ainda ter o plugin de chat instalado. Eu não o removi do app.yml quando ele foi mesclado ao núcleo.

Após remover a linha, funciona, mas ainda assim, um pequeno problema é que o compositor de chat às vezes fica coberto pela Barra de Abas do Discourse para Mobile.

4

Feliz em ver que o problema foi corrigido após remover o plugin de app.yml :slight_smile:

Interessante. Foi levantado aqui:

5

Uma postagem foi mesclada em um tópico existente: Barra de Abas do Discourse para Celular