Skip to content

Commit 84ab8c4

Browse files
ragul1697pepelsbey
andauthored
Fix CSS Normal Flow: Inline demo (#182)
* Update inline.html Fixes the issue #33705 in mdn / content. * Update inline.html Fixes the issue textarea changes not being responsive * Remove extra spaces --------- Co-authored-by: Vadim Makeev <vmakeev@mozilla.com>
1 parent eff2d4b commit 84ab8c4

File tree

1 file changed

+2
-8
lines changed

1 file changed

+2
-8
lines changed

flow/block-inline/inline.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -72,35 +72,29 @@
7272
</section>
7373

7474
<textarea id="code" class="playable-html">
75+
<p>Before that night—<strong>a memorable night</strong>, as it was to prove—hundreds of millions of people had watched the rising smoke-wreaths of their fires without drawing any special inspiration from the fact.”</p>
76+
</textarea>
7577

76-
<p>Before that night—<strong>a memorable night</strong>, as it was to prove—hundreds of millions of people had watched the rising smoke-wreaths of their fires without drawing any special inspiration from the fact.”</p></textarea
77-
>
7878
<div class="playable-buttons">
7979
<input id="reset" type="button" value="Reset" />
8080
</div>
8181
</body>
8282
<script>
8383
var section = document.querySelector("section");
84-
var editable = document.querySelector(".editable");
8584
var textareaHTML = document.querySelector(".playable-html");
86-
var textareaCSS = document.querySelector(".playable-css");
8785
var reset = document.getElementById("reset");
8886
var htmlCode = textareaHTML.value;
89-
var cssCode = textareaCSS.value;
9087

9188
function fillCode() {
92-
editable.innerHTML = textareaCSS.value;
9389
section.innerHTML = textareaHTML.value;
9490
}
9591

9692
reset.addEventListener("click", function () {
9793
textareaHTML.value = htmlCode;
98-
textareaCSS.value = cssCode;
9994
fillCode();
10095
});
10196

10297
textareaHTML.addEventListener("input", fillCode);
103-
textareaCSS.addEventListener("input", fillCode);
10498
window.addEventListener("load", fillCode);
10599
</script>
106100
</html>

0 commit comments

Comments
 (0)