Preact/compat - Input value does not show up in the HTML

[christianpv]

Reproduction

• Preact https://codesandbox.io/s/kind-leakey-d99eb?file=/src/App.js
• React https://codesandbox.io/s/nervous-microservice-f3dbh?file=/src/App.js

Steps to reproduce

Type "anything" in the email input.

Expected Behavior

Inspecting the input element shows a value of "anything".

Actual Behavior

Inspecting the input element does not show a value.

Note

If the default value is an empty string, the input value appears as an empty string in React.

[sventschui]

Thank you for reporting this issue. This seems to be (kinda) expected behaviour as we are using different DOM APIs as react does and thus the browser devtools are not updated.

Would you mind sharing your usecase where this is an issue?

Note that this only affects getAttribute('value') but not .value:

[developit]

Hi @christianpv! Thanks for the issue, and thanks for the quick and accurate response @sventschui.

Just to echo: this is very much working-as-intended. The value of an input should never be reflected in the DOM, doing so is actually a known security vulnerability. Last time I looked into it, React plans to correct this behavior in their next major version.

For what it's worth, Preact does correctly render using the value="" attribute during SSR, where doing so is necessary and intended.

[christianpv]

@developit Thanks for the quick reply. I ran into this issue when I tried to replace React with Preact. Some of our unit tests were not passing due to the value not rendering but this issue is not affecting us anymore since we rewrote the tests. Thanks again!

[developit]

Awesome - thanks for the context, that's useful to know. It might be good for us to update the docs to cover this somehow.