Attachment 360862 Details for Bug 194156 – code to reproduce the bug

code to reproduce the bug

file_194156.txt (text/plain), 1.37 KB, created by Raphael Chauveau on 2019-02-01 08:26:19 PST

(hide)

Description:

Filename:

MIME Type:

Creator: Raphael Chauveau

Created: 2019-02-01 08:26:19 PST

Size: 1.37 KB

patch

obsolete

><script>
>  function command(command, param) {
>    document.execCommand(command, false, param);
>  };
></script>
>
><h1>BUG</h1>
>
><h2>Scope</h2>
><p>This bug affects the Webkit browser engine. (used in Chromium, Safari, Opera, ...)</p>
>
><h2>Summary</h2>
><p>When removing format from a contentEditable element where styling has been applied in a specific order, the background color is left behind and overflows.</p>
>
><h2>Reproducing the bug</h2>
><p>In order to reproduce the bug :</p>
><ul>
>  <li>Select the word "love" in the Demo bellow</li>
>  <li>Click the button "Bold"</li>
>  <li>Click the button "Background color"</li>
>  <li>Click the button "Foreground color"</li>
>  <li>Select the words "I love pizza"</li>
>  <li>Click the button "Remove format"</li>
></ul>
><p>After the execution of the above steps, we expect the words "I love pizza" to have no formatting (color or font style)</p>
><p>However, in browsers using the Webkit engine, we notice that the words "love pizza" have a green background color.</p>
>
><h2>Demo</h2>
><button onclick="command('bold', true)">
>  Bold
></button>
><button onclick="command('backColor', '#0F0')">
>  Background color
></button>
><button onclick="command('foreColor', '#F00')">
>  Foreground color
></button>
><button onclick="command('removeFormat', undefined)">
>  Remove format
></button>
><div contentEditable>
>  I love pizza
></div>

Actions: View

Attachments on bug 194156: 360862