WIP PWA for Grain
fix: hide grain-rich-text until first render to prevent flash
+8
-1
+8
-1
src/components/atoms/grain-rich-text.js
+8
-1
src/components/atoms/grain-rich-text.js
···
8
8
static properties = {
9
9
text: { type: String },
10
10
facets: { type: Array },
11
-
parse: { type: Boolean }
11
+
parse: { type: Boolean },
12
+
_ready: { state: true }
12
13
};
13
14
14
15
static styles = css`
15
16
:host {
16
17
display: inline;
18
+
visibility: hidden;
19
+
}
20
+
:host([ready]) {
21
+
visibility: visible;
17
22
}
18
23
.facet-link {
19
24
color: var(--color-text-primary, #fff);
···
42
47
this.text = '';
43
48
this.facets = null;
44
49
this.parse = false;
50
+
this._ready = false;
45
51
}
46
52
47
53
#handleClick = (e) => {
···
57
63
58
64
firstUpdated() {
59
65
this.renderRoot.addEventListener('click', this.#handleClick);
66
+
this.setAttribute('ready', '');
60
67
}
61
68
62
69
disconnectedCallback() {