The newly inserted leaf element cannot immediately update the color attribute in the style

[tomdyqin]

Description

The newly inserted leaf element cannot immediately update the color attribute in the style

my solution:

        renderLeaf={((props) => {
          // FIXME
          if (props.leaf.color && props.leaf.color !== (props as any).style.color) {
            (props as any).style.color = props.leaf.color;
          }
          return <DefaultLeaf editor={editor} {...props} />;
        })}

Reproduction URL

No response

Reproduction steps

1. Go to 'editor'
2. Click on 'text color' to colorA
3. Input some word 'aaa'
4. Click on 'text color' to colorB
5. Input some another word needs to be combined (such as Chinese) 'zhong'wen'
4. See color before compositionend

Plate version

^31.4.4

Slate React version

^0.102.0

Screenshots

compositionstart:

compositionend:

Logs

No response

Browsers

No response