Blazor: bind-value-oninput or bind does not work with contenteditable divs
Open
area-blazor
enhancement
feature-blazor-component-model
feature-razor.language
help wanted
on-roadmap
Pillar: Complete Blazor Web
- Dominant language
- C#
- Stars
- 38.4k
- Forks
- 10.9k
- Avg merge
- 2d 10h
- Merged PRs (30d)
- 281
Description
### `bind-value-oninput` or `bind` does not work with `contenteditable` divs
### Bug Description
In the below code, the expectation is as and when I edit the div content I need to update the model so that I can then save it back to Database.
### To Reproduce
Steps to reproduce the behavior:
1. Using the latest preview version of ASP.NET Core 3
2. Run the below code
`
`
`You can Edit this Text`
`
`
`You can Edit this Text`
`
` @contentEditableText`
`@functions {
string contentEditableText = "You can Edit this Text";
}`
4. As I Type something in the editable div, I need to see the same reflected in the body, but it does not happen that way. The OnChange event does not fire automatically.
### Expected behavior
OnChange Event needs to fire and changes in editable div should be bound to the model.
### Screenshots
Contributor guide
Assessment
This issue has not been assessed yet.