<commit_before><!DOCTYPE html>
<html>
  <head>
    <title>Hello!</title>
    <style>
      .row {
        border: 8px solid #303030;
        margin-top: 38px;
      }
    </style>
  </head>  
  <body>
    <div style="height: 100%; left: 0px; overflow: hidden auto; position: fixed; top: 0px; width: 100%;">

      <div class="rows" style="position: relative;">
        <div class="row">
          <h2>a row title</h2>
          <div style="height: 240px;">
            <div style="border: 8px solid #32dc32; clip: rect(0px, 1000px, 500px, 0px);display: flex;height: 100px;overflow-x: auto;position: absolute;width: 500px;">
              <div style="width: 10000px; flex: 0 0 auto; border: 8px dashed #54bbff; height: 50px;">
                When broken, this div with the blue dashed border won't move when you scroll horizontally in the green div
              </div>
            </div>
          </div>
        </div>

        <div class="row">
          <div style="height: 240px;"></div>
        </div>

        <div class="row">
          <div style="height: 240px;"></div>
        </div>

      </div>
    </div>
    <div style="height:1000px;width:2000px"></div>
    <script>
    function jank() {
        document.body.style.backgroundColor = "grey";
        requestAnimationFrame(() => {
          requestAnimationFrame(() => {
            let start = performance.now()
            while(performance.now() - start < 6000) {
              var x = 1; x++;
            }
            document.body.style.backgroundColor = "";
            setTimeout(jank, 1000);
          });
        });
    }

    setTimeout(jank, 1000);
    </script>

  </body>
</html>

<commit_msg>Changing 938572<commit_after><!DOCTYPE html>
<html>
  <head>
    <title>Hello!</title>
    <style>
      .row {
        border: 8px solid #303030;
        margin-top: 38px;
      }
    </style>
  </head>  
  <body>
    <div style="height: 100%; left: 0px; overflow: hidden auto; position: fixed; top: 0px; width: 100%;">

      <div class="rows" style="position: relative;">
        <div class="row">
          <h2>a row title</h2>
          <div style="height: 240px;">
            <div style="border: 8px solid #32dc32; clip: rect(0px, 1000px, 500px, 0px);display: flex;height: 100px;overflow-x: auto;position: absolute;width: 500px;">
              <div style="width: 10000px; flex: 0 0 auto; border: 8px dashed #54bbff; height: 50px;">
                When broken, this div with the blue dashed border won't move when you scroll horizontally in the green div
              </div>
            </div>
          </div>
        </div>


      </div>
    </div>
    <div style="height:2000px;width:100px;"></div>
    <script>
    function jank() {
        //document.body.style.backgroundColor = "grey";
        //requestAnimationFrame(() => {
        //  requestAnimationFrame(() => {
        //    let start = performance.now()
        //    while(performance.now() - start < 6000) {
        //      var x = 1; x++;
        //    }
        //    document.body.style.backgroundColor = "";
        //    setTimeout(jank, 1000);
        //  });
        //});
    }

    setTimeout(jank, 1000);
    </script>

  </body>
</html>


{'fraction_non_alphanumeric': 0.1590128084973446, 'fraction_numerical': 0.05029678225554514, 'mean_word_length': 1.934922089825848, 'pattern_counts': {'":': 0, '<': 71, '<?xml version=': 0, '>': 73, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2046231', 'n_tokens_mistral': 1155, 'n_tokens_neox': 987, 'n_words': 257}