fix: ensure render starts after dom connected

[PupilTong]

No description provided.

[changeset-bot]

🦋 Changeset detected

Latest commit: 56767ad

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 6 packages

Name	Type
@lynx-js/web-core	Patch
@lynx-js/web-core-server	Patch
@lynx-js/web-constants	Patch
@lynx-js/web-mainthread-apis	Patch
@lynx-js/web-worker-rpc	Patch
@lynx-js/web-worker-runtime	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[Copilot]

Pull Request Overview

This PR ensures that the component’s render loop only starts once the element is connected to the DOM.

• Introduces a private #connected flag to gate rendering
• Updates the #render method to check #connected before queuing work
• Sets #connected in connectedCallback
• Adds a changeset entry for the patch release

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File	Description
packages/web-platform/web-core/src/apis/LynxView.ts	Added #connected flag, updated #render guard, and set flag in connectedCallback
.changeset/flat-jokes-raise.md	Created a patch changeset noting the new render gating behavior

Comments suppressed due to low confidence (2)

packages/web-platform/web-core/src/apis/LynxView.ts:355

• Add unit tests covering this new render gating logic to verify that #render only runs once after the element is connected.

if (!this.#rendering && this.#connected) {

packages/web-platform/web-core/src/apis/LynxView.ts:439

• [nitpick] Consider adding a disconnectedCallback to reset #connected or perform cleanup when the element is removed from the DOM to avoid stale state if reconnected.

connectedCallback() {

[codspeed-hq]

CodSpeed Performance Report

Merging #1020 will not alter performance

_{Comparing PupilTong:p/hw/render-after-connect (56767ad) with main (8053c6b)}

Summary

✅ 8 untouched benchmarks

[relativeci]

Web Explorer

#1297 Bundle Size — 254.28KiB (+0.01%).

56767ad(current) vs 8053c6b main#1287(baseline)

Bundle metrics   2 changes 1 regression

	Current #1297	Baseline #1287
Initial JS	137.94KiB(+0.02%)	137.91KiB
Initial CSS	31.79KiB	31.79KiB
Cache Invalidation	54.24%	0%
Chunks	4	4
Assets	4	4
Modules	200	200
Duplicate Modules	14	14
Duplicate Code	2.87%	2.87%
Packages	4	4
Duplicate Packages	0	0

Bundle size by type   1 change 1 regression

	Current #1297	Baseline #1287
JS	222.49KiB (+0.01%)	222.46KiB
CSS	31.79KiB	31.79KiB

Bundle analysis report Branch PupilTong:p/hw/render-after-conn... Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}

[relativeci]

React Example

#1308 Bundle Size — 231.7KiB (0%).

56767ad(current) vs 8053c6b main#1298(baseline)

Bundle metrics  no changes

	Current #1308	Baseline #1298
Initial JS	0B	0B
Initial CSS	0B	0B
Cache Invalidation	0%	0%
Chunks	0	0
Assets	4	4
Modules	142	142
Duplicate Modules	56	56
Duplicate Code	46.16%	46.16%
Packages	2	2
Duplicate Packages	0	0

Bundle size by type  no changes

	Current #1308	Baseline #1298
IMG	145.76KiB	145.76KiB
Other	85.94KiB	85.94KiB

Bundle analysis report Branch PupilTong:p/hw/render-after-conn... Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!