diff --git a/packages/app-shell/package.json b/packages/app-shell/package.json index cd029e2d63b4bde37e670b871a3d6e9c904ca779..b48d00bf76e463dcda6ee02acf69fda76de75891 100644 --- a/packages/app-shell/package.json +++ b/packages/app-shell/package.json @@ -1,7 +1,7 @@ { "name": "@dbp-toolkit/app-shell", "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/app-shell", - "version": "0.2.2", + "version": "0.2.3", "main": "src/index.js", "license": "LGPL-2.1-or-later", "repository": { diff --git a/packages/app-shell/src/app-shell.js b/packages/app-shell/src/app-shell.js index 9223afe5adf84c0baf0ff47ac893927fa3ae958d..3d74403b742168f39d7560cfdc42e7cf327775d6 100644 --- a/packages/app-shell/src/app-shell.js +++ b/packages/app-shell/src/app-shell.js @@ -3,6 +3,7 @@ import {html, css} from 'lit-element'; import {ScopedElementsMixin} from '@open-wc/scoped-elements'; import {LanguageSelect} from '@dbp-toolkit/language-select'; import {Icon} from '@dbp-toolkit/common'; +import {querySlotted} from '@dbp-toolkit/common/utils'; import {AuthKeycloak} from '@dbp-toolkit/auth'; import {AuthMenuButton} from './auth-menu-button.js'; import {Notification} from '@dbp-toolkit/notification'; @@ -839,14 +840,17 @@ export class AppShell extends ScopedElementsMixin(AdapterLitElement) { const mainClassMap = classMap({hidden: appHidden}); const slotClassMap = classMap({hidden: !appHidden}); - // XXX: Safari 11 doesn't like CSS being applied to slots or via HTML, - // so we have to remove the slot instead of hiding it if (!appHidden) { this.updateComplete.then(() => { + // XXX: Safari 11 doesn't like CSS being applied to slots or via HTML, + // so we have to remove the slot instead of hiding it // select slots with no name attribute const slot = this.shadowRoot.querySelector("slot:not([name])"); if (slot) slot.remove(); + + // remove the "slot-hidden" class of elements in the html of injected slots to show them after the page was loaded + querySlotted(this.shadowRoot, '.slot-hidden').forEach((slot) => { slot.classList.remove("slot-hidden"); }); }); }