1425649 - "Show solution" button in Active learning examples should toggle displaying of the solution code while preserving user edits

Status: RESOLVED FIXED

(Developer Documentation Graveyard :: General, defect)

Description

[yk3b.bw.ggxwkimobz]

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20171206182557

Steps to reproduce:

1. Open a JavaScript learning page e.g.: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Arrays
2. Find first <textarea> box; a text box with "Reset" and "Show solution" buttons under it.
3. Make any edits to in the text box.
4. Click on "Show solution" button.


Actual results:

All data inside the box got replaced with the solution code. Now way to retrieve previous edits made inside the text box.


Expected results:

(Coming from comfortable w3Schools...)
"Show button" should replace itself into "Hide solution",
the solution code will be toggled on/shown in the text box while preserving previous user edits,
and when then "Hide solution" button is pressed, the solution code will be toggled off/removed and previous user edits restored into the text box.

Comment 1

[Chris Mills [:cmills]]

Nice suggestion, although I doubt we'll have the resources to do this in the short term. We may well do this when we update our live code examples.

Comment 2

[Chris Mills [:cmills]]

This was easier than expected. See https://bugzilla.mozilla.org/show_bug.cgi?id=1425639#c1