Ich habe eine Theme-Komponente geschrieben, um ein Banner auf meiner Website hinzuzufügen (oberhalb des Website-Headers). Sie funktioniert, aber wenn das Chat-Panel erscheint, 1) wird auf dem Desktop der Chat-Header vom Website-Header verdeckt, 2) auf dem Handy wird die Chat-Eingabebox aus dem Bildschirm geschoben (unterhalb des Viewports).
Gibt es eine Möglichkeit, dieses Problem zu beheben? Ich vermute, dass das Plugin nicht richtig initialisiert wurde, sodass die Chat-Schublade es nicht erkennen kann, aber ich kenne die Lösung nicht.
Vielen Dank im Voraus.
<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>
Ich stelle fest, dass das Problem anscheinend damit zusammenhängt, dass das Chat-Plugin noch installiert ist. Ich habe es nicht aus app.yml entfernt, als es in den Core übernommen wurde.
Nachdem die Zeile entfernt wurde, funktioniert es, aber es ist immer noch ein kleines Problem, dass der Chat-Composer manchmal von Discourse Tab Bar for Mobile verdeckt wird.