Content Model: creating a DOM tree using selection marker results in blank window and/or throws an error.

[ganialhamad]

Describe the bug
The selection marker has a few issues when trying to create a DOM tree using the selection marker, inputting a value in any of the style inputs results in a blank window or throws onUpdate is not a function.

To Reproduce
Steps to reproduce the behavior:

1. Open roosterjs dome site. and click on the side pane.
2. Click on the content model, and hover over the document word to see "the search icon" and click on it.
3. Similarly, hover over the selection marker to see the option and click on format.

-> Throws onUpdate is not a function: 4. Input a value in any of these fields Font size, Font family, or Bold.
-> Window goes blank -> 4. Input a value in any of these fields Text color, or Back color.

Expected behavior
To update a value correctly.

Current behavior
Throws an error, and/or goes blank

Screenshots
Throws, onUpdate is not a function.

The window goes blank.

[JiuqingSong]

I can't repro.

Do you mean just hover on the icon, no other operations? I tried but t here isn't any error to me

[ganialhamad]

when you hover over SelectionMarker and the options pop up, next to the search icon click on the format icon

For onUpdate is not a function error, try inputting a value in any one of these fields, and check the dev console for the error:

[ganialhamad]

Try inputting a value here and watch the window of the app go blank/white:

[JiuqingSong]

I see. Now I can repro.

The demo site is just a demo (or a debugging tool), but not part of production. I'll take a look when I have got some time. You can also submit a fix if you want. Thanks.