Skip to content

Leave non-plain style objects untouched in compat - #5318

Merged
JoviDeCroock merged 1 commit into
mainfrom
JoviDeCroock/compat-signal-style
Oct 20, 2026
Merged

JoviDeCroock merged 1 commit into
mainfrom
JoviDeCroock/compat-signal-style

Conversation

@JoviDeCroock

Copy link
Copy Markdown
Member

Compat treated any object `style` as a style map and cloned it to append `px`. A signal has numeric internals (`_version`, `_batchSnapshotVersion`), so `style={signal}` was copied into a plain object like `{ v: 'color: red', i: '0px' }`. `@preact/signals` then no longer recognised it, so the element rendered without a style, for both string and object signals.

Compat now only appends `px` to plain objects. +2 B gzip in compat.

With this change, string signals work in compat as they do in core. Updating an object signal still wipes the style. That bug is in `@preact/signals`, which sets `dom.style = obj`, and it happens in core too, so it needs a separate fix there.

Note

Authored by claude.

@github-actions

github-actions Bot commented Oct 20, 2026 •

Copy link
Copy Markdown

📊 Tachometer Benchmark Results

Summary

duration

  • create10k: unsure 🔍 -1% - +1% (-4.59ms - +4.27ms)
    preact-local vs preact-main
  • filter-list: unsure 🔍 -0% - +0% (-0.00ms - +0.05ms)
    preact-local vs preact-main
  • hydrate1k: unsure 🔍 -2% - +2% (-1.32ms - +1.35ms)
    preact-local vs preact-main
  • many-updates: unsure 🔍 -3% - +2% (-0.41ms - +0.29ms)
    preact-local vs preact-main
  • replace1k: unsure 🔍 -3% - +4% (-2.26ms - +3.16ms)
    preact-local vs preact-main
  • text-update: unsure 🔍 -6% - +5% (-0.11ms - +0.09ms)
    preact-local vs preact-main
  • todo: unsure 🔍 -1% - +3% (-0.31ms - +0.82ms)
    preact-local vs preact-main
  • update10th1k: unsure 🔍 -5% - +1% (-1.66ms - +0.29ms)
    preact-local vs preact-main

usedJSHeapSize

  • create10k: unsure 🔍 -0% - +0% (-0.00ms - +0.00ms)
    preact-local vs preact-main
  • filter-list: unsure 🔍 -0% - +0% (-0.00ms - +0.00ms)
    preact-local vs preact-main
  • hydrate1k: unsure 🔍 -4% - +2% (-0.22ms - +0.12ms)
    preact-local vs preact-main
  • many-updates: unsure 🔍 -0% - +0% (-0.00ms - +0.00ms)
    preact-local vs preact-main
  • replace1k: unsure 🔍 -0% - +0% (-0.00ms - +0.00ms)
    preact-local vs preact-main
  • text-update: slower ❌ 1% - 7% (0.01ms - 0.07ms)
    preact-local vs preact-main
  • todo: unsure 🔍 -0% - +0% (-0.00ms - +0.00ms)
    preact-local vs preact-main
  • update10th1k: unsure 🔍 -0% - +0% (-0.01ms - +0.01ms)
    preact-local vs preact-main

Results

create10k

duration

VersionAvg timevs preact-localvs preact-main
preact-local822.14ms - 828.27ms-unsure 🔍
-1% - +1%
-4.59ms - +4.27ms
preact-main822.16ms - 828.56msunsure 🔍
-1% - +1%
-4.27ms - +4.59ms
-

usedJSHeapSize

VersionAvg timevs preact-localvs preact-main
preact-local19.24ms - 19.24ms-unsure 🔍
-0% - +0%
-0.00ms - +0.00ms
preact-main19.24ms - 19.24msunsure 🔍
-0% - +0%
-0.00ms - +0.00ms
-
filter-list

duration

VersionAvg timevs preact-localvs preact-main
preact-local16.55ms - 16.58ms-unsure 🔍
-0% - +0%
-0.00ms - +0.05ms
preact-main16.51ms - 16.56msunsure 🔍
-0% - +0%
-0.05ms - +0.00ms
-

usedJSHeapSize

VersionAvg timevs preact-localvs preact-main
preact-local1.56ms - 1.56ms-unsure 🔍
-0% - +0%
-0.00ms - +0.00ms
preact-main1.56ms - 1.56msunsure 🔍
-0% - +0%
-0.00ms - +0.00ms
-
hydrate1k

duration

VersionAvg timevs preact-localvs preact-main
preact-local60.16ms - 61.96ms-unsure 🔍
-2% - +2%
-1.32ms - +1.35ms
preact-main60.06ms - 62.04msunsure 🔍
-2% - +2%
-1.35ms - +1.32ms
-

usedJSHeapSize

VersionAvg timevs preact-localvs preact-main
preact-local5.02ms - 5.25ms-unsure 🔍
-4% - +2%
-0.22ms - +0.12ms
preact-main5.05ms - 5.31msunsure 🔍
-2% - +4%
-0.12ms - +0.22ms
-
many-updates

duration

VersionAvg timevs preact-localvs preact-main
preact-local16.20ms - 16.79ms-unsure 🔍
-3% - +2%
-0.41ms - +0.29ms
preact-main16.37ms - 16.74msunsure 🔍
-2% - +3%
-0.29ms - +0.41ms
-

usedJSHeapSize

VersionAvg timevs preact-localvs preact-main
preact-local3.74ms - 3.75ms-unsure 🔍
-0% - +0%
-0.00ms - +0.00ms
preact-main3.74ms - 3.75msunsure 🔍
-0% - +0%
-0.00ms - +0.00ms
-
replace1k
  • Browser: chrome-headless
  • Sample size: 100
  • Built by: CI #6105
  • Commit: 9301dc0

duration

VersionAvg timevs preact-localvs preact-main
preact-local75.41ms - 79.15ms-unsure 🔍
-3% - +4%
-2.26ms - +3.16ms
preact-main74.87ms - 78.79msunsure 🔍
-4% - +3%
-3.16ms - +2.26ms
-

usedJSHeapSize

VersionAvg timevs preact-localvs preact-main
preact-local3.03ms - 3.03ms-unsure 🔍
-0% - +0%
-0.00ms - +0.00ms
preact-main3.03ms - 3.03msunsure 🔍
-0% - +0%
-0.00ms - +0.00ms
-

run-warmup-0

VersionAvg timevs preact-localvs preact-main
preact-local27.30ms - 28.19ms-unsure 🔍
-1% - +4%
-0.33ms - +1.06ms
preact-main26.86ms - 27.92msunsure 🔍
-4% - +1%
-1.06ms - +0.33ms
-

run-warmup-1

VersionAvg timevs preact-localvs preact-main
preact-local30.82ms - 32.03ms-unsure 🔍
-4% - +1%
-1.41ms - +0.32ms
preact-main31.34ms - 32.59msunsure 🔍
-1% - +5%
-0.32ms - +1.41ms
-

run-warmup-2

VersionAvg timevs preact-localvs preact-main
preact-local30.81ms - 32.08ms-unsure 🔍
-3% - +2%
-0.97ms - +0.77ms
preact-main30.94ms - 32.14msunsure 🔍
-2% - +3%
-0.77ms - +0.97ms
-

run-warmup-3

VersionAvg timevs preact-localvs preact-main
preact-local31.89ms - 33.08ms-unsure 🔍
-1% - +3%
-0.42ms - +1.11ms
preact-main31.66ms - 32.62msunsure 🔍
-3% - +1%
-1.11ms - +0.42ms
-

run-warmup-4

VersionAvg timevs preact-localvs preact-main
preact-local23.87ms - 25.14ms-unsure 🔍
-4% - +3%
-0.97ms - +0.84ms
preact-main23.93ms - 25.22msunsure 🔍
-3% - +4%
-0.84ms - +0.97ms
-

run-final

VersionAvg timevs preact-localvs preact-main
preact-local28.34ms - 30.24ms-unsure 🔍
-5% - +3%
-1.55ms - +1.02ms
preact-main28.70ms - 30.41msunsure 🔍
-3% - +5%
-1.02ms - +1.55ms
-
text-update
  • Browser: chrome-headless
  • Sample size: 220
  • Built by: CI #6105
  • Commit: 9301dc0

duration

VersionAvg timevs preact-localvs preact-main
preact-local1.87ms - 2.01ms-unsure 🔍
-6% - +5%
-0.11ms - +0.09ms
preact-main1.87ms - 2.02msunsure 🔍
-5% - +6%
-0.09ms - +0.11ms
-

usedJSHeapSize

VersionAvg timevs preact-localvs preact-main
preact-local1.04ms - 1.10ms-slower ❌
1% - 7%
0.01ms - 0.07ms
preact-main1.01ms - 1.05msfaster ✔
1% - 7%
0.01ms - 0.07ms
-
todo

duration

VersionAvg timevs preact-localvs preact-main
preact-local30.99ms - 32.09ms-unsure 🔍
-1% - +3%
-0.31ms - +0.82ms
preact-main31.15ms - 31.42msunsure 🔍
-3% - +1%
-0.82ms - +0.31ms
-

usedJSHeapSize

VersionAvg timevs preact-localvs preact-main
preact-local1.28ms - 1.28ms-unsure 🔍
-0% - +0%
-0.00ms - +0.00ms
preact-main1.28ms - 1.28msunsure 🔍
-0% - +0%
-0.00ms - +0.00ms
-
update10th1k

duration

VersionAvg timevs preact-localvs preact-main
preact-local32.83ms - 34.15ms-unsure 🔍
-5% - +1%
-1.66ms - +0.29ms
preact-main33.45ms - 34.89msunsure 🔍
-1% - +5%
-0.29ms - +1.66ms
-

usedJSHeapSize

VersionAvg timevs preact-localvs preact-main
preact-local2.99ms - 2.99ms-unsure 🔍
-0% - +0%
-0.01ms - +0.01ms
preact-main2.99ms - 3.00msunsure 🔍
-0% - +0%
-0.01ms - +0.01ms
-

tachometer-reporter-action v2 for CI

@github-actions

Copy link
Copy Markdown

Size Change: +4 B (+0.02%)

Total Size: 16.3 kB

📦 View Changed
Filename Size Change
compat/dist/compat.mjs 3.96 kB +4 B (+0.1%)
ℹ️ View Unchanged
Filename Size
debug/dist/debug.mjs 4.2 kB
devtools/dist/devtools.mjs 268 B
dist/preact.mjs 4.96 kB
hooks/dist/hooks.mjs 1.58 kB
jsx-runtime/dist/jsxRuntime.mjs 868 B
test-utils/dist/testUtils.mjs 472 B

compressed-size-action

@coveralls

Copy link
Copy Markdown

Coverage Status

coverage: 99.857%. remained the same — JoviDeCroock/compat-signal-style into main

@JoviDeCroock
JoviDeCroock merged commit bd05a02 into main Oct 20, 2026
13 checks passed
@JoviDeCroock
JoviDeCroock deleted the JoviDeCroock/compat-signal-style branch October 20, 2026 07:09
@JoviDeCroock JoviDeCroock mentioned this pull request Oct 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants