Attachment 147737 Details for Bug 89171 – Repro

Repro

editing-with-lists.html (text/html), 3.39 KB, created by Shinya Kawanaka on 2012-06-14 22:51:25 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Shinya Kawanaka

Created: 2012-06-14 22:51:25 PDT

Size: 3.39 KB

patch

obsolete

><!DOCTYPE html>
><html>
><body>
><script src="resources/polyfill.js"></script>
><script src="../resources/event-sender-util.js"></script>
><script src="../../js/resources/js-test-pre.js"></script>
>
><div id="container">
>    <ol id="host" contenteditable>
>        <li>LIST 1</li>
>        <li>LIST 2</li>
>        <li>LIST 3</li>
>    </ol>
></div>
>
><hr />
>
><div contenteditable>
>    <ul>
>        <li>LIST 1</li>
>        <li>LIST 2</li>
>        <li>LIST 3</li>
>    </ul>
></div>
>
><hr />
>
><div id="buttons"></div>
>
><hr />
>
><pre id="console"></pre>
>
><script>
>var editingCommands = [
>         "BackColor",
>         "BackwardDelete",
>         "Bold", 
>         "Copy", 
>         "CreateLink",
>         "Cut",
>         "DefaultParagraphSeparator",
>         "Delete",
>         "DeleteBackward",
>         "DeleteBackwardByDecomposingPreviousCharacter",
>         "DeleteForward",
>         "DeleteToBeginningOfLine",
>         "DeleteToBeginningOfParagraph",
>         "DeleteToEndOfLine",
>         "DeleteToEndOfParagraph",
>         "DeleteToMark",
>         "DeleteWordBackward",
>         "DeleteWordForward",
>         "FindString",
>         "FontName",
>         "FontSize",
>         "FontSizeDelta",
>         "ForeColor",
>         "FormatBlock",
>         "ForwardDelete",
>         "HiliteColor",
>         "IgnoreSpelling",
>         "Indent",
>         "InsertBacktab",
>         "InsertHTML",
>         "InsertHorizontalRule",
>         "InsertImage",
>         "InsertLineBreak",
>         "InsertNewline",
>         "InsertNewlineInQuotedContent",
>         "InsertOrderedList",
>         "InsertParagraph",
>         "InsertTab",
>         "InsertText",
>         "InsertUnorderedList",
>         "Italic",
>         "JustifyCenter",
>         "JustifyFull",
>         "JustifyLeft",
>         "JustifyNone",
>         "JustifyRight",
>         "Outdent",
>         "Paste",
>         "PasteAndMatchStyle",
>         "PasteAsPlainText",
>         "Redo",
>         "RemoveFormat",
>         "ScrollPageBackward",
>         "ScrollPageForward",
>         "ScrollLineUp",
>         "ScrollLineDown",
>         "ScrollToBeginningOfDocument",
>         "ScrollToEndOfDocument",
>         "SelectAll",
>         "SelectLine",
>         "SelectParagraph",
>         "SelectSentence",
>         "SelectToMark",
>         "SelectWord",
>         "SetMark",
>         "Strikethrough",
>         "StyleWithCSS",
>         "Subscript",
>         "Superscript",
>         "SwapWithMark",
>         "ToggleBold",
>         "ToggleItalic",
>         "ToggleUnderline",
>         "Transpose",
>         "Underline",
>         "Undo",
>         "Unlink",
>         "Unscript",
>         "Unselect",
>         "UseCSS",
>         "Yank",
>         "YankAndSelect",
>];
>
>
>var shadowRoot = new WebKitShadowRoot(host);
>var li = document.createElement('li');
>li.innerHTML = 'hogehoge';
>shadowRoot.appendChild(li);
>shadowRoot.appendChild(document.createElement('shadow'));
>
>for (var i = 0; i < editingCommands.length; ++i) {
>    var button = document.createElement('input');
>    button.setAttribute('type', 'button');
>    button.setAttribute('value', editingCommands[i]);
>    button.addEventListener('click', (function(button, command) {
>        return function() {                    
>            console.log(command);
>            document.execCommand(command);
>        };
>    })(button, editingCommands[i]));
>    buttons.appendChild(button);
>}
>
>var successfullyParsed = true;
></script>
>
><script src="../../js/resources/js-test-post.js"></script>
></body>
></html>

<!DOCTYPE html>
<html>
<body>
<script src="resources/polyfill.js"></script>
<script src="../resources/event-sender-util.js"></script>
<script src="../../js/resources/js-test-pre.js"></script>

<div id="container">
    <ol id="host" contenteditable>
        <li>LIST 1</li>
        <li>LIST 2</li>
        <li>LIST 3</li>
    </ol>
</div>

<hr />

<div contenteditable>
    <ul>
        <li>LIST 1</li>
        <li>LIST 2</li>
        <li>LIST 3</li>
    </ul>
</div>

<hr />

<div id="buttons"></div>

<hr />

<pre id="console"></pre>

<script>
var editingCommands = [
         "BackColor",
         "BackwardDelete",
         "Bold", 
         "Copy", 
         "CreateLink",
         "Cut",
         "DefaultParagraphSeparator",
         "Delete",
         "DeleteBackward",
         "DeleteBackwardByDecomposingPreviousCharacter",
         "DeleteForward",
         "DeleteToBeginningOfLine",
         "DeleteToBeginningOfParagraph",
         "DeleteToEndOfLine",
         "DeleteToEndOfParagraph",
         "DeleteToMark",
         "DeleteWordBackward",
         "DeleteWordForward",
         "FindString",
         "FontName",
         "FontSize",
         "FontSizeDelta",
         "ForeColor",
         "FormatBlock",
         "ForwardDelete",
         "HiliteColor",
         "IgnoreSpelling",
         "Indent",
         "InsertBacktab",
         "InsertHTML",
         "InsertHorizontalRule",
         "InsertImage",
         "InsertLineBreak",
         "InsertNewline",
         "InsertNewlineInQuotedContent",
         "InsertOrderedList",
         "InsertParagraph",
         "InsertTab",
         "InsertText",
         "InsertUnorderedList",
         "Italic",
         "JustifyCenter",
         "JustifyFull",
         "JustifyLeft",
         "JustifyNone",
         "JustifyRight",
         "Outdent",
         "Paste",
         "PasteAndMatchStyle",
         "PasteAsPlainText",
         "Redo",
         "RemoveFormat",
         "ScrollPageBackward",
         "ScrollPageForward",
         "ScrollLineUp",
         "ScrollLineDown",
         "ScrollToBeginningOfDocument",
         "ScrollToEndOfDocument",
         "SelectAll",
         "SelectLine",
         "SelectParagraph",
         "SelectSentence",
         "SelectToMark",
         "SelectWord",
         "SetMark",
         "Strikethrough",
         "StyleWithCSS",
         "Subscript",
         "Superscript",
         "SwapWithMark",
         "ToggleBold",
         "ToggleItalic",
         "ToggleUnderline",
         "Transpose",
         "Underline",
         "Undo",
         "Unlink",
         "Unscript",
         "Unselect",
         "UseCSS",
         "Yank",
         "YankAndSelect",
];


var shadowRoot = new WebKitShadowRoot(host);
var li = document.createElement('li');
li.innerHTML = 'hogehoge';
shadowRoot.appendChild(li);
shadowRoot.appendChild(document.createElement('shadow'));

for (var i = 0; i < editingCommands.length; ++i) {
    var button = document.createElement('input');
    button.setAttribute('type', 'button');
    button.setAttribute('value', editingCommands[i]);
    button.addEventListener('click', (function(button, command) {
        return function() {                    
            console.log(command);
            document.execCommand(command);
        };
    })(button, editingCommands[i]));
    buttons.appendChild(button);
}

var successfullyParsed = true;
</script>

<script src="../../js/resources/js-test-post.js"></script>
</body>
</html>

Actions: View

Attachments on bug 89171: 147737 | 148603 | 148651 | 148694 | 148712 | 148815