Releases · patternfly/patternfly-elements

0277045: Enable connectedCallback() and context protocol in SSR scenarios.

BREAKING CHANGE
This change affects any element which is expected to execute in node JS when
lit-ssr shims are present. By enabling the connectedCallback() to execute
server side. Elements must ensure that their connectedCallbacks do not try to
access the DOM.

Before:
```
connectedCallback() {
  super.connectedCallback();
  this.items = [...this.querySelectorAll('my-item')];
}
```
After:
```
connectedCallback() {
  super.connectedCallback();
  if (!isServer) {
    this.items = isServer ? [] : [...this.querySelectorAll('my-item')];
  }
}
```

Minor Changes

8b5b699: SSR: added ssr-hint-has-slotted and ssr-hint-has-slotted-default attributes to elements that use slot controller.

When running SSR on elements with slots, add these attributes to ensure they render correctly.

<pf-card ssr-hint-has-slotted-default
         ssr-hint-has-slotted="header,footer">
  <h2 slot="header">Header Content</h2>
  <p>Default content</p>
  <span slot="footer">Footer Content</span>
</pf-card>

Patch Changes

a2f3254: ScrollSpyController: respond to hashchange events

Assets 2

07 Apr 14:43

github-actions

@patternfly/elements@4.1.0

61ead0f

@patternfly/elements@4.1.0

Minor Changes

8b5b699: SSR: added ssr-hint-has-slotted and ssr-hint-has-slotted-default attributes to elements that use slot controller.

When running SSR on elements with slots, add these attributes to ensure they render correctly.

<pf-card ssr-hint-has-slotted-default
         ssr-hint-has-slotted="header,footer">
  <h2 slot="header">Header Content</h2>
  <p>Default content</p>
  <span slot="footer">Footer Content</span>
</pf-card>

Patch Changes

996e089: SSR: enable more elements and more features to be rendered server-side
Updated dependencies [0277045]
Updated dependencies [8b5b699]
Updated dependencies [a2f3254]
- @patternfly/pfe-core@5.0.0