Web component's present attributes should be truthy

[yoyomo]

• Check if updating to the latest Preact version resolves the issue

Describe the bug
When I include a boolean attribute in a web component I expect it to be considered true, much like react does. For example, <my-web-component truthy-attribute ></my-web-component> , but instead I must always include a value truthy-attribute=true .

Note: I was looking into diff/props and I thought to open a pull request to handle undefined alongside null but had no way of trying it locally so not sure if it would have worked

[JoviDeCroock]

This issue seemingly lacks a bit of context 😅 we ask for a reproduction for a reason, either provide us with a failing test in our test-suite (which is also a way to test your changes btw) or a stackblitz reproduction. When I write a test in our test-suite that renders <my-component the-truth /> I correctly see this translated to <my-component the-truth='true' /> in the DOM. Not sure what different behavior your are expecting here as the issue isn't describing that.

To make this actionable we'll need to get a reproduction with the actual/expected behavior defined, then we can have a conversation about expectations.

[rschristian]

Going to close this on out as we don't have enough information to go on.

As mentioned, here's a simple example of this working with render & renderToString:

import { render } from 'preact';
import { renderToString } from 'preact-render-to-string';

function App() {
	return <web-component truthy-attribute></my-web-component>;
}

render(<App />, document.getElementById('app')); // <web-component truthy-attribute="true"></web-component>
console.log(renderToString(<App />)); // <web-component truthy-attribute></web-component>

REPL

Always happy to reopen if you can point us in the right direction.