doc_markup_dragdrop.html (1328B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=858038 5 --> 6 <head> 7 <meta charset="utf-8"> 8 <title>Test for Bug 858038</title> 9 <style> 10 #test::before { 11 content: 'This should not be draggable'; 12 } 13 </style> 14 </head> 15 <body> 16 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=858038">Mozilla Bug 858038</a> 17 <p id="display"></p> 18 <div id="content" style="display: none"> 19 </div> 20 <input id="anonymousParent" /><span id="before">Before<!-- Force not-inline --></span> 21 <pre id="test"><span id="firstChild">First</span><span id="middleChild">Middle</span><span id="lastChild">Last</span></pre> <span id="after">After</span> 22 23 <test-component class="test-component"> 24 <div slot="slot1" class="slotted1">slot1-1</div> 25 <div slot="slot1" class="slotted2">slot1-2</div> 26 </test-component> 27 28 <ol> 29 <li id="list"><span id="first-list-child" 30 >List item start</span><span id="last-list-child" 31 >List item end</span></li> 32 </ol> 33 34 <script> 35 "use strict"; 36 customElements.define("test-component", class extends HTMLElement { 37 constructor() { 38 super(); 39 const shadowRoot = this.attachShadow({mode: "open"}); 40 shadowRoot.innerHTML = '<slot class="slot1" name="slot1"></slot>'; 41 } 42 }); 43 </script> 44 </body> 45 </html>