Skip to content
Snippets Groups Projects
Commit a80365b1 authored by Reiter, Christoph's avatar Reiter, Christoph :snake:
Browse files

translated: fix hiding slots with safari 12.2

Safari 12 ignores CSS applied to slots in web components.
Work around that by wrapping them in a div.

Confirmed with browserstack
parent 82496a34
No related branches found
No related tags found
No related merge requests found
Pipeline #66557 failed
......@@ -24,8 +24,12 @@ export class Translated extends DBPLitElement {
render() {
return html`
<slot class="${classMap({hidden: this.lang !== 'de'})}" name="de"></slot>
<slot class="${classMap({hidden: this.lang !== 'en'})}" name="en"></slot>
<div class="${classMap({hidden: this.lang !== 'de'})}">
<slot name="de"></slot>
</div>
<div class="${classMap({hidden: this.lang !== 'en'})}">
<slot name="en"></slot>
</div>
`;
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment