Copy and Paste creates unnecessary DOM with duplicate style

[sijunnoh]

Expected behavior.

• Duplicate inline styles are handled (or merged)
• Or provide a method to handle duplicate styles

Actual behavior.

• It creates nested unnecessary DOM element with duplicate inline style

Steps to reproduce the problem.

• Apply inline style (ex. font family)
• Copy text -> paste in the middle of another text with same inline style

<span style="font-family: Impact, Charcoal, sans-serif">
  test
  <span style="font-family: Impact, Charcoal, sans-serif" id="isPasted">
    testt
    <span style="font-family: Impact, Charcoal, sans-serif" id="isPasted">
      testt
      <span style="font-family: Impact, Charcoal, sans-serif" id="isPasted">
        test
        <span style="font-family: Impact, Charcoal, sans-serif" id="isPasted">
          tes
          <span style="font-family: Impact, Charcoal, sans-serif" id="isPasted">
            test
            <span style="font-family: Impact, Charcoal, sans-serif">
              testt
              <span style="font-family: Impact, Charcoal, sans-serif">
                testt
                <span style="font-family: Impact, Charcoal, sans-serif">
                  t
                  <span
                    style="font-family: Impact, Charcoal, sans-serif"
                    id="isPasted"
                  >
                    t
                    <span
                      style="font-family: Impact, Charcoal, sans-serif"
                      id="isPasted"
                    >
                      test
                      <span style="font-family: Impact, Charcoal, sans-serif">
                        test
                        <span
                          style="font-family: Impact, Charcoal, sans-serif"
                          id="isPasted"
                        >
                          test
                          <span style="font-family: Impact, Charcoal, sans-serif">
                            testt
                            <span style="font-family: Impact, Charcoal, sans-serif">
                              testt
                              <span
                                style="
																	font-family: Impact, Charcoal, sans-serif;
																"
                              >
                                test
                                <span
                                  style="
																		font-family: Impact, Charcoal, sans-serif;
																	"
                                >
                                  testtest
                                </span>
                                test
                              </span>
                              est
                            </span>
                            est
                          </span>
                          test
                        </span>
                        t
                        <span style="font-family: Impact, Charcoal, sans-serif">
                          testt
                          <span style="font-family: Impact, Charcoal, sans-serif">
                            test
                            <span style="font-family: Impact, Charcoal, sans-serif">
                              testtest
                            </span>
                            test
                          </span>
                          est
                        </span>
                        est
                      </span>
                      test
                    </span>
                    est
                    <span style="font-family: Impact, Charcoal, sans-serif">
                      testt
                      <span style="font-family: Impact, Charcoal, sans-serif">
                        testt
                        <span style="font-family: Impact, Charcoal, sans-serif">
                          test
                          <span style="font-family: Impact, Charcoal, sans-serif">
                            testtest
                          </span>
                          test
                        </span>
                        est
                      </span>
                      est
                    </span>
                    test
                  </span>
                  est
                  <span style="font-family: Impact, Charcoal, sans-serif">
                    testtest
                  </span>
                  test
                </span>
                est
              </span>
              est
            </span>
            test
          </span>
          ttest
        </span>
        test
      </span>
      est
    </span>
    est
  </span>
  test
</span>

Editor version.

If you don't know it, please see https://wysiwyg-editor.froala.help/hc/en-us/articles/360000717049-How-can-I-find-my-editor-version-.

• v4.2.2 (latest version in froala.com webpage)

OS.

(OS name and version here)

• Mac

Browser.

(Browser name an version here)

• Chrome

Recording.

(A recording showing how to reproduce the problem)

froala-editor.mov