Content Model: General block element is not transformed to dark mode about roosterjs

[JiuqingSong]

What is the end to end repro ste? @Rain-Zheng

[Rain-Zheng]

@JiuqingSong I can't directly repro it in demo site because it needs a custom element processor, so I create a local build to repro:

1. Create a custom div processor and add it to editor option:

2. Update the editor's initial content. The content contains 2 div elements, with id and without id:

3. Run the demo, check the elements:

[JiuqingSong]

@Rain-Zheng please feel free to push a branch with your code change so I can debug with it.

Question: When and how do you switch to dark mode?

[Rain-Zheng]

@JiuqingSong I created a branch here: https://github.com/Rain-Zheng/roosterjs/tree/test/general_block_dark_mode

The issue only exists when the default editor style is dark mode. If it's switched from light to dark, the element will be transformed correctly.

[JiuqingSong]

Good finding. Here is a fix #2397

(Still need to add more test cases)