Skip to content

Blazor: bind-value-oninput or bind does not work with contenteditable divs #9974

@PirasannaRavi

Description

@PirasannaRavi

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
    <div contenteditable="true" bind-value-oninput="@contentEditableText">
    You can Edit this Text
    </div>
    @contentEditableText
    @functions { string contentEditableText = "You can Edit this Text"; }
  3. 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

Screen Shot 2019-05-04 at 2 01 06 PM

Screen Shot 2019-05-04 at 2 02 50 PM

Metadata

Metadata

Assignees

Labels

Pillar: Complete Blazor WebPriority:2Work that is important, but not critical for the releaseaffected-fewThis issue impacts only small number of customersarea-blazorIncludes: Blazor, Razor ComponentsenhancementThis issue represents an ask for new feature or an enhancement to an existing onefeature-blazor-component-modelAny feature that affects the component model for Blazor (Parameters, Rendering, Lifecycle, etc)feature-razor.languagehelp candidateIndicates that the issues may be a good fit for community to help with. Requires work from eng. teamseverity-nice-to-haveThis label is used by an internal tool

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions