set editing suddenly messed up

[martinleopold]

From @mlewisosu:

I've been pasting different HTML into html-content in a testing cell called Link Test that I created in our Test set.

Suddenly, if I load any set in the set editing interface, I get a bunch of raw text, instead of the set interface.

Further exploration: I deleted the "Link Test" html cell and all was better so presumably my HTML when included was breaking all our set editing pages.

[martinleopold]

@mlewisosu What was the html content you used, that resulted in this bug?

[mlewisosu]

Just tried it again with this stuff I'm trying to figure out and it similarly messes up the set editing interface.
Given that I don't know what I'm doing I'm sure the solution is "don't do that" :)

Only one line of crud at the top, but it kills the Used/Available Cells tabs. Picture below.

<style>
#fitin {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background: -webkit-linear-gradient(left, blue, white); /* For Safari */
  background: -o-linear-gradient(right, blue, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, blue, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, blue, white); /* Standard syntax */
  color:white;
  overflow: hidden;
  font-family: "Open Sans";
  font-weight: 300;
  font-style: italic;
  font-size: 1em;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-left: 0px;
}
#fitin div {
  line-height: 72%;
  opacity: 0.7;
  font-size: 1em;
}
a:link { color: white; text-decoration: none; }
a:visited { color: white; text-decoration: none; }
a:hover { color: white; text-decoration: none; }
a:active { color: white; text-decoration: none; }
</style>
<div id="fitin"><div id="indiv" style="font-size:1;">
<a href="#/set/memory">Memory</a></div></div>
<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>WebFont.load({ google: { families: ['Open Sans:300italic'] } });</script>
<script>
  var indiv = document.getElementById('indiv');
  var fitin = document.getElementById('fitin');
  indiv.style.fontSize = 1;
  while( indiv.clientHeight < fitin.clientHeight ) {
    var bigger = (parseInt(indiv.style.fontSize)+1) + "px";
    indiv.style.fontSize = bigger;
  }
  window.onresize = function() {
    indiv.style.fontSize = 1;
    while( indiv.clientHeight < fitin.clientHeight ) {
      var bigger = (parseInt(indiv.style.fontSize)+1) + "px";
      indiv.style.fontSize = bigger;
    }
  }
</script>

[fjenett]

These should go into:
https://github.com/motionbank/score-system-backend

CC'd @math @bogn from MESO on this.

[mlewisosu]

Do they have access to this info? or should I cut paste all of the above over into a new issue there? thx.