Skip to content

Commit ac07ddd

Browse files
istarkovistarkov
committed
Fix visual glitches on reload
1 parent a023f81 commit ac07ddd

21 files changed

+739
-27
lines changed

‎fixtures/webstudio-features/.webstudio/data.json‎

Lines changed: 276 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
{
22
"build": {
3-
"id": "691fef31-369a-46b5-9ca7-e67482d8f602",
3+
"id": "f0dfc2e7-240a-4542-ad28-a4cb68b2d9db",
44
"projectId": "cddc1d44-af37-4cb6-a430-d300cf6f932d",
5-
"version": 558,
6-
"createdAt": "2025-04-12T06:51:31.672+00:00",
7-
"updatedAt": "2025-04-12T06:51:31.672+00:00",
5+
"version": 583,
6+
"createdAt": "2025-04-14T09:45:34.257+00:00",
7+
"updatedAt": "2025-04-14T09:45:34.257+00:00",
88
"pages": {
99
"meta": {
1010
"siteName": "KittyGuardedZone",
@@ -272,6 +272,25 @@
272272
"include": false
273273
},
274274
"path": "/duration"
275+
},
276+
{
277+
"id": "uuYXNj4-XxzMtJpR8O5IH",
278+
"name": "Text Duration",
279+
"title": "\"Untitled\"",
280+
"rootInstanceId": "LTaU1Znm6P4yt3S8kAZi-",
281+
"meta": {
282+
"description": "\"\"",
283+
"excludePageFromSearch": "true",
284+
"language": "\"\"",
285+
"socialImageUrl": "\"\"",
286+
"redirect": "\"\"",
287+
"documentType": "html",
288+
"custom": []
289+
},
290+
"marketplace": {
291+
"include": false
292+
},
293+
"path": "/text-duration"
275294
}
276295
],
277296
"folders": [
@@ -293,7 +312,8 @@
293312
"Q1D-6G1cl0SfXyM9Xj4_O",
294313
"8fF_9MQOwOqsLM9BhULUG",
295314
"oc1Ra5zelesj-wiJwiw-P",
296-
"GgJUcrFoHE6EGMccjLa4t"
315+
"GgJUcrFoHE6EGMccjLa4t",
316+
"uuYXNj4-XxzMtJpR8O5IH"
297317
]
298318
},
299319
{
@@ -2133,6 +2153,18 @@
21332153
"value": "center"
21342154
}
21352155
}
2156+
],
2157+
[
2158+
"hEVSzkOEBn_3dNyo65PAM:UoTkWyaFuTYJihS3MFYK5:textAlign:",
2159+
{
2160+
"styleSourceId": "hEVSzkOEBn_3dNyo65PAM",
2161+
"breakpointId": "UoTkWyaFuTYJihS3MFYK5",
2162+
"property": "textAlign",
2163+
"value": {
2164+
"type": "keyword",
2165+
"value": "center"
2166+
}
2167+
}
21362168
]
21372169
],
21382170
"styleSources": [
@@ -2443,6 +2475,13 @@
24432475
"type": "local",
24442476
"id": "SdJcDQJhrZ0zxtPqj546x"
24452477
}
2478+
],
2479+
[
2480+
"hEVSzkOEBn_3dNyo65PAM",
2481+
{
2482+
"type": "local",
2483+
"id": "hEVSzkOEBn_3dNyo65PAM"
2484+
}
24462485
]
24472486
],
24482487
"styleSourceSelections": [
@@ -2753,6 +2792,13 @@
27532792
"instanceId": "tOdjbQbLEf52thwmubL7R",
27542793
"values": ["SdJcDQJhrZ0zxtPqj546x"]
27552794
}
2795+
],
2796+
[
2797+
"g__o13UKOkD0KImnp-sWp",
2798+
{
2799+
"instanceId": "g__o13UKOkD0KImnp-sWp",
2800+
"values": ["hEVSzkOEBn_3dNyo65PAM"]
2801+
}
27562802
]
27572803
],
27582804
"props": [
@@ -3939,6 +3985,132 @@
39393985
"debug": false
39403986
}
39413987
}
3988+
],
3989+
[
3990+
"UMpi59UWI6MbY9ExyAHPM",
3991+
{
3992+
"id": "UMpi59UWI6MbY9ExyAHPM",
3993+
"instanceId": "Z4ogkQT54jFVlCIFkXKmb",
3994+
"name": "action",
3995+
"type": "animationAction",
3996+
"value": {
3997+
"type": "view",
3998+
"animations": [
3999+
{
4000+
"name": "Parent",
4001+
"description": "Parallax the element as it scrolls into the view.",
4002+
"keyframes": [
4003+
{
4004+
"offset": 0,
4005+
"styles": {
4006+
"translate": {
4007+
"type": "tuple",
4008+
"value": [
4009+
{
4010+
"type": "unit",
4011+
"unit": "number",
4012+
"value": 0
4013+
},
4014+
{
4015+
"type": "unit",
4016+
"unit": "px",
4017+
"value": 200
4018+
}
4019+
]
4020+
}
4021+
}
4022+
}
4023+
],
4024+
"timing": {
4025+
"easing": "linear",
4026+
"fill": "backwards",
4027+
"duration": {
4028+
"type": "unit",
4029+
"value": 600,
4030+
"unit": "ms"
4031+
},
4032+
"rangeStart": [
4033+
"cover",
4034+
{
4035+
"type": "unit",
4036+
"value": 0,
4037+
"unit": "%"
4038+
}
4039+
],
4040+
"rangeEnd": [
4041+
"cover",
4042+
{
4043+
"type": "unit",
4044+
"value": 50,
4045+
"unit": "%"
4046+
}
4047+
]
4048+
}
4049+
},
4050+
{
4051+
"name": "Parallax In",
4052+
"description": "Parallax the element as it scrolls into the view.",
4053+
"keyframes": [
4054+
{
4055+
"offset": 0,
4056+
"styles": {
4057+
"opacity": {
4058+
"type": "unit",
4059+
"unit": "%",
4060+
"value": 0
4061+
}
4062+
}
4063+
}
4064+
],
4065+
"timing": {
4066+
"easing": "linear",
4067+
"fill": "backwards",
4068+
"duration": {
4069+
"type": "unit",
4070+
"value": 600,
4071+
"unit": "ms"
4072+
},
4073+
"rangeStart": [
4074+
"cover",
4075+
{
4076+
"type": "unit",
4077+
"value": 0,
4078+
"unit": "%"
4079+
}
4080+
],
4081+
"rangeEnd": [
4082+
"cover",
4083+
{
4084+
"type": "unit",
4085+
"value": 50,
4086+
"unit": "%"
4087+
}
4088+
]
4089+
}
4090+
}
4091+
],
4092+
"insetStart": {
4093+
"type": "keyword",
4094+
"value": "auto"
4095+
},
4096+
"insetEnd": {
4097+
"type": "keyword",
4098+
"value": "auto"
4099+
},
4100+
"isPinned": true,
4101+
"debug": false
4102+
}
4103+
}
4104+
],
4105+
[
4106+
"pCJa0iDVD_LkD7VvQcoka",
4107+
{
4108+
"id": "pCJa0iDVD_LkD7VvQcoka",
4109+
"instanceId": "Z4ogkQT54jFVlCIFkXKmb",
4110+
"name": "data-ws-show",
4111+
"type": "boolean",
4112+
"value": true
4113+
}
39424114
]
39434115
],
39444116
"dataSources": [
@@ -6476,6 +6648,86 @@
64766648
}
64776649
]
64786650
}
6651+
],
6652+
[
6653+
"LTaU1Znm6P4yt3S8kAZi-",
6654+
{
6655+
"type": "instance",
6656+
"id": "LTaU1Znm6P4yt3S8kAZi-",
6657+
"component": "Body",
6658+
"children": [
6659+
{
6660+
"type": "id",
6661+
"value": "Z4ogkQT54jFVlCIFkXKmb"
6662+
}
6663+
]
6664+
}
6665+
],
6666+
[
6667+
"Z4ogkQT54jFVlCIFkXKmb",
6668+
{
6669+
"type": "instance",
6670+
"id": "Z4ogkQT54jFVlCIFkXKmb",
6671+
"component": "@webstudio-is/sdk-components-animation:AnimateChildren",
6672+
"children": [
6673+
{
6674+
"type": "id",
6675+
"value": "aqJaUhJ3xDmbIDws8d1TS"
6676+
}
6677+
]
6678+
}
6679+
],
6680+
[
6681+
"aqJaUhJ3xDmbIDws8d1TS",
6682+
{
6683+
"type": "instance",
6684+
"id": "aqJaUhJ3xDmbIDws8d1TS",
6685+
"component": "@webstudio-is/sdk-components-animation:AnimateText",
6686+
"children": [
6687+
{
6688+
"type": "id",
6689+
"value": "g__o13UKOkD0KImnp-sWp"
6690+
}
6691+
]
6692+
}
6693+
],
6694+
[
6695+
"g__o13UKOkD0KImnp-sWp",
6696+
{
6697+
"type": "instance",
6698+
"id": "g__o13UKOkD0KImnp-sWp",
6699+
"component": "Heading",
6700+
"children": [
6701+
{
6702+
"type": "text",
6703+
"value": "HELLO WORLD"
6704+
},
6705+
{
6706+
"type": "text",
6707+
"value": "\n"
6708+
},
6709+
{
6710+
"type": "text",
6711+
"value": "GOOD"
6712+
},
6713+
{
6714+
"type": "text",
6715+
"value": "\n"
6716+
},
6717+
{
6718+
"type": "text",
6719+
"value": "BAD"
6720+
},
6721+
{
6722+
"type": "text",
6723+
"value": "\n"
6724+
},
6725+
{
6726+
"type": "text",
6727+
"value": "UGLY"
6728+
}
6729+
]
6730+
}
64796731
]
64806732
],
64816733
"deployment": {
@@ -6764,6 +7016,25 @@
67647016
"include": false
67657017
},
67667018
"path": "/duration"
7019+
},
7020+
{
7021+
"id": "uuYXNj4-XxzMtJpR8O5IH",
7022+
"name": "Text Duration",
7023+
"title": "\"Untitled\"",
7024+
"rootInstanceId": "LTaU1Znm6P4yt3S8kAZi-",
7025+
"meta": {
7026+
"description": "\"\"",
7027+
"excludePageFromSearch": "true",
7028+
"language": "\"\"",
7029+
"socialImageUrl": "\"\"",
7030+
"redirect": "\"\"",
7031+
"documentType": "html",
7032+
"custom": []
7033+
},
7034+
"marketplace": {
7035+
"include": false
7036+
},
7037+
"path": "/text-duration"
67677038
}
67687039
],
67697040
"assets": [

‎fixtures/webstudio-features/app/__generated__/$resources.sitemap.xml.ts‎

Lines changed: 6 additions & 6 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎fixtures/webstudio-features/app/__generated__/[_route_with_symbols_]._index.tsx‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎fixtures/webstudio-features/app/__generated__/[animations]._index.tsx‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)