@lwc/errors

Observable changes

HTML elements with class and style attributes may render with additional whitespace. This is due to an optimization to improve the render time of Lightning Web Components.

This change is exactly the same as what we've reported in previous releases, and can be fixed by avoiding anti-patterns for styling components. E.g.:

/* Don’t do this */
document.querySelector('[class="highlight yellow"]');
/* Do this instead */
document.querySelector(".highlight.yellow");

The difference now is that this change may be seen in more components than before.

What's Changed

• Apply static parts optimization to dynamic attributes

• Fix iframe onload with static content optimization

• Remove unnecessary nullish coalescing

• Apply static parts optimization to dynamic style

• synthetic-shadow: Optimize recursivelySetShadowResolver

• template-compiler: Support key in static content

• Optimize createUpgradableConstructor

• Apply static parts optimization to dynamic class attributes

• Support arguments for FACE callbacks

• engine-core: Fix warnings for invalid keys

• engine-core: Optimize patchClassAttribute

• Error accessing tagName on fragment

• Apply static parts optimization to dynamic text

• Children and childNodes not returning top-level slotted children

• Add signals as dependency