Skip to content

Commit 7aed918

Browse files
feat: increase z-index for Builder DOM elements
1 parent e3a3c05 commit 7aed918

17 files changed

Lines changed: 52 additions & 53 deletions

src/visualBuilder/__test__/__snapshots__/index.test.ts.snap

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ exports[`Visual builder > on click, the sdk > should do nothing if data-cslp not
8484
data-testid="visual-builder__cursor"
8585
/>
8686
<div
87-
class="go842373233 visual-builder__overlay__wrapper"
87+
class="go3860994383 visual-builder__overlay__wrapper"
8888
data-testid="visual-builder__overlay__wrapper"
8989
>
9090
<div
@@ -109,11 +109,11 @@ exports[`Visual builder > on click, the sdk > should do nothing if data-cslp not
109109
/>
110110
</div>
111111
<div
112-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
112+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
113113
data-testid="visual-builder__hover-outline"
114114
/>
115115
<div
116-
class="visual-builder__focused-toolbar go1658980850"
116+
class="visual-builder__focused-toolbar go104737281"
117117
data-testid="visual-builder__focused-toolbar"
118118
/>
119119
</div>
@@ -149,7 +149,7 @@ exports[`Visual builder > should append a visual builder container to the DOM 1`
149149
data-testid="visual-builder__cursor"
150150
/>
151151
<div
152-
class="go842373233 visual-builder__overlay__wrapper"
152+
class="go3860994383 visual-builder__overlay__wrapper"
153153
data-testid="visual-builder__overlay__wrapper"
154154
>
155155
<div
@@ -174,11 +174,11 @@ exports[`Visual builder > should append a visual builder container to the DOM 1`
174174
/>
175175
</div>
176176
<div
177-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
177+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
178178
data-testid="visual-builder__hover-outline"
179179
/>
180180
<div
181-
class="visual-builder__focused-toolbar go1658980850"
181+
class="visual-builder__focused-toolbar go104737281"
182182
data-testid="visual-builder__focused-toolbar"
183183
/>
184184
</div>

src/visualBuilder/__test__/click/fields/__snapshots__/reference.test.tsx.snap

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,14 @@
22

33
exports[`When an element is clicked in visual builder mode > reference field (multiple) > should have outline 1`] = `
44
<div
5-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
5+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
66
data-testid="visual-builder__hover-outline"
77
/>
88
`;
99

1010
exports[`When an element is clicked in visual builder mode > reference field > should have outline 1`] = `
1111
<div
12-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
12+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
1313
data-testid="visual-builder__hover-outline"
1414
/>
1515
`;

src/visualBuilder/__test__/hover/fields/__snapshots__/boolean.test.ts.snap

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ exports[`When an element is hovered in visual builder mode > boolean field > sho
88

99
exports[`When an element is hovered in visual builder mode > boolean field > should have outline and custom cursor 2`] = `
1010
<div
11-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
11+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
1212
data-testid="visual-builder__hover-outline"
1313
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
1414
/>

src/visualBuilder/__test__/hover/fields/__snapshots__/date.test.ts.snap

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ exports[`When an element is hovered in visual builder mode > date field > should
88

99
exports[`When an element is hovered in visual builder mode > date field > should have outline and custom cursor 2`] = `
1010
<div
11-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
11+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
1212
data-testid="visual-builder__hover-outline"
1313
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
1414
/>

src/visualBuilder/__test__/hover/fields/__snapshots__/file.test.ts.snap

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ exports[`When an element is hovered in visual builder mode > file field (multipl
2121

2222
exports[`When an element is hovered in visual builder mode > file field (multiple) > should have outline and custom cursor 2`] = `
2323
<div
24-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
24+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
2525
data-testid="visual-builder__hover-outline"
2626
style="top: 34px; left: 34px; width: 828px; height: 54.3984375px;"
2727
/>
@@ -88,7 +88,7 @@ exports[`When an element is hovered in visual builder mode > file field (multipl
8888

8989
exports[`When an element is hovered in visual builder mode > file field (multiple) > should have outline and custom cursor on individual instances 2`] = `
9090
<div
91-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
91+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
9292
data-testid="visual-builder__hover-outline"
9393
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
9494
/>
@@ -102,7 +102,7 @@ exports[`When an element is hovered in visual builder mode > file field (multipl
102102

103103
exports[`When an element is hovered in visual builder mode > file field (multiple) > should have outline and custom cursor on the url 2`] = `
104104
<div
105-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
105+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
106106
data-testid="visual-builder__hover-outline"
107107
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
108108
/>
@@ -116,7 +116,7 @@ exports[`When an element is hovered in visual builder mode > file field > should
116116

117117
exports[`When an element is hovered in visual builder mode > file field > should have a outline and custom cursor on the url as well 2`] = `
118118
<div
119-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
119+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
120120
data-testid="visual-builder__hover-outline"
121121
style="top: 0px; left: 0px; width: 0px; height: 0px;"
122122
/>
@@ -183,7 +183,7 @@ exports[`When an element is hovered in visual builder mode > file field > should
183183

184184
exports[`When an element is hovered in visual builder mode > file field > should have outline and custom cursor 2`] = `
185185
<div
186-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
186+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
187187
data-testid="visual-builder__hover-outline"
188188
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
189189
/>

src/visualBuilder/__test__/hover/fields/__snapshots__/group.test.ts.snap

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ exports[`When an element is hovered in visual builder mode > group field (multip
1919

2020
exports[`When an element is hovered in visual builder mode > group field (multiple) > should have outline and custom cursor 2`] = `
2121
<div
22-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
22+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
2323
data-testid="visual-builder__hover-outline"
2424
style="top: 34px; left: 34px; width: 828px; height: 54.3984375px;"
2525
/>
@@ -94,7 +94,7 @@ exports[`When an element is hovered in visual builder mode > group field > shoul
9494

9595
exports[`When an element is hovered in visual builder mode > group field > should have a outline and custom cursor on the nested single line 2`] = `
9696
<div
97-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
97+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
9898
data-testid="visual-builder__hover-outline"
9999
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
100100
/>
@@ -171,7 +171,7 @@ exports[`When an element is hovered in visual builder mode > group field > shoul
171171

172172
exports[`When an element is hovered in visual builder mode > group field > should have outline and custom cursor 2`] = `
173173
<div
174-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
174+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
175175
data-testid="visual-builder__hover-outline"
176176
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
177177
/>

src/visualBuilder/__test__/hover/fields/__snapshots__/html-rte.test.ts.snap

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ exports[`When an element is hovered in visual builder mode > HTML RTE field (mul
88

99
exports[`When an element is hovered in visual builder mode > HTML RTE field (multiple) > should have outline and cursor on individual instances 2`] = `
1010
<div
11-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
11+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
1212
data-testid="visual-builder__hover-outline"
1313
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
1414
/>
@@ -104,7 +104,7 @@ exports[`When an element is hovered in visual builder mode > HTML RTE field (mul
104104

105105
exports[`When an element is hovered in visual builder mode > HTML RTE field (multiple) > should have outline and custom cursor 2`] = `
106106
<div
107-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
107+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
108108
data-testid="visual-builder__hover-outline"
109109
style="top: 34px; left: 34px; width: 828px; height: 54.3984375px;"
110110
/>
@@ -193,7 +193,7 @@ exports[`When an element is hovered in visual builder mode > HTML RTE field > sh
193193

194194
exports[`When an element is hovered in visual builder mode > HTML RTE field > should have outline and custom cursor 2`] = `
195195
<div
196-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
196+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
197197
data-testid="visual-builder__hover-outline"
198198
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
199199
/>

src/visualBuilder/__test__/hover/fields/__snapshots__/json-rte.test.ts.snap

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ exports[`When an element is hovered in visual builder mode > JSON RTE field (mul
1515

1616
exports[`When an element is hovered in visual builder mode > JSON RTE field (multiple) > should have outline and custom cursor 2`] = `
1717
<div
18-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
18+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
1919
data-testid="visual-builder__hover-outline"
2020
style="top: 34px; left: 34px; width: 828px; height: 54.3984375px;"
2121
/>
@@ -88,7 +88,7 @@ exports[`When an element is hovered in visual builder mode > JSON RTE field (mul
8888

8989
exports[`When an element is hovered in visual builder mode > JSON RTE field (multiple) > should have outline and custom cursor on individual instances 2`] = `
9090
<div
91-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
91+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
9292
data-testid="visual-builder__hover-outline"
9393
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
9494
/>
@@ -161,7 +161,7 @@ exports[`When an element is hovered in visual builder mode > JSON RTE field > sh
161161

162162
exports[`When an element is hovered in visual builder mode > JSON RTE field > should have outline and custom cursor 2`] = `
163163
<div
164-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
164+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
165165
data-testid="visual-builder__hover-outline"
166166
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
167167
/>

src/visualBuilder/__test__/hover/fields/__snapshots__/link.test.ts.snap

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ exports[`When an element is hovered in visual builder mode > link field (multipl
1515

1616
exports[`When an element is hovered in visual builder mode > link field (multiple) > should have outline and custom cursor 2`] = `
1717
<div
18-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
18+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
1919
data-testid="visual-builder__hover-outline"
2020
style="top: 34px; left: 34px; width: 828px; height: 54.3984375px;"
2121
/>
@@ -88,7 +88,7 @@ exports[`When an element is hovered in visual builder mode > link field (multipl
8888

8989
exports[`When an element is hovered in visual builder mode > link field (multiple) > should have outline and custom cursor on individual instances 2`] = `
9090
<div
91-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
91+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
9292
data-testid="visual-builder__hover-outline"
9393
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
9494
/>
@@ -161,7 +161,7 @@ exports[`When an element is hovered in visual builder mode > link field > should
161161

162162
exports[`When an element is hovered in visual builder mode > link field > should have outline and custom cursor 2`] = `
163163
<div
164-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
164+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
165165
data-testid="visual-builder__hover-outline"
166166
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
167167
/>

src/visualBuilder/__test__/hover/fields/__snapshots__/markdown.test.ts.snap

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ exports[`When an element is hovered in visual builder mode > markdown field (mul
1515

1616
exports[`When an element is hovered in visual builder mode > markdown field (multiple) > should have outline and custom cursor 2`] = `
1717
<div
18-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
18+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
1919
data-testid="visual-builder__hover-outline"
2020
style="top: 34px; left: 34px; width: 828px; height: 54.3984375px;"
2121
/>
@@ -86,7 +86,7 @@ exports[`When an element is hovered in visual builder mode > markdown field (mul
8686

8787
exports[`When an element is hovered in visual builder mode > markdown field (multiple) > should have outline and custom cursor on individual instances 2`] = `
8888
<div
89-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
89+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
9090
data-testid="visual-builder__hover-outline"
9191
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
9292
/>
@@ -157,7 +157,7 @@ exports[`When an element is hovered in visual builder mode > markdown field > sh
157157

158158
exports[`When an element is hovered in visual builder mode > markdown field > should have outline and custom cursor 2`] = `
159159
<div
160-
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go3177626044 go1719569523"
160+
class="visual-builder__hover-outline visual-builder__hover-outline--unclickable go217287799 go1719569523"
161161
data-testid="visual-builder__hover-outline"
162162
style="top: 51px; left: 51px; width: 27.7734375px; height: 20.3984375px;"
163163
/>

0 commit comments

Comments
 (0)