<commit_before><!DOCTYPE html>
<html>
  <head>
    <script src="../dist/vtt.js"></script>
    <script src="../lib/vttcue-extended.js"></script>
    <script src="../lib/vttregion-extended.js"></script>
    <script type="text/javascript">
      function setup() {
        window.p = new WebVTTParser(window);
        p.oncue = function(cue) {
          window.callPhantom({ cue: cue });
        }
        p.onregion = function(region) {
          window.callPhantom({ region: region });
        }
      }
      window.onload = setup;

      // The properties on DOM objects that we care about testing.
      window.vttProps = ( "localName tagName className textContent" +
                          " lang target data title" ).split(" ");

      // Grab only the properties that we care about off an HTMLElement.
      window.filterElement = function(element) {
        var result = {};

        vttProps.forEach(function(prop) {
          if (element.hasOwnProperty(prop)) {
            result[prop] = element[prop];
          }
        });

        if (element.hasOwnProperty("style")) {
          result.style = {};
          for (var i = 0, l = element.style.length; i < l; i++) {
            var prop = element.style[i];
            result.style[prop] = element.style[prop];
          }
        }

        if (element.hasOwnProperty("childNodes")) {
          result.childNodes = [];
          for (var x = 0, y = element.childNodes.length; x < y; x++) {
            result.childNodes.push(filterElement(element.childNodes[x]));
          }
        }

        return result;
      }
    </script>
  </head>
  <body>
      <div id="overlay" style="width: 300px; height: 150px"></div><commit_msg>Position styling on outter caption box should be 'relative'.<commit_after><!DOCTYPE html>
<html>
  <head>
    <script src="../dist/vtt.js"></script>
    <script src="../lib/vttcue-extended.js"></script>
    <script src="../lib/vttregion-extended.js"></script>
    <script type="text/javascript">
      function setup() {
        window.p = new WebVTTParser(window);
        p.oncue = function(cue) {
          window.callPhantom({ cue: cue });
        }
        p.onregion = function(region) {
          window.callPhantom({ region: region });
        }
      }
      window.onload = setup;

      // The properties on DOM objects that we care about testing.
      window.vttProps = ( "localName tagName className textContent" +
                          " lang target data title" ).split(" ");

      // Grab only the properties that we care about off an HTMLElement.
      window.filterElement = function(element) {
        var result = {};

        vttProps.forEach(function(prop) {
          if (element.hasOwnProperty(prop)) {
            result[prop] = element[prop];
          }
        });

        if (element.hasOwnProperty("style")) {
          result.style = {};
          for (var i = 0, l = element.style.length; i < l; i++) {
            var prop = element.style[i];
            result.style[prop] = element.style[prop];
          }
        }

        if (element.hasOwnProperty("childNodes")) {
          result.childNodes = [];
          for (var x = 0, y = element.childNodes.length; x < y; x++) {
            result.childNodes.push(filterElement(element.childNodes[x]));
          }
        }

        return result;
      }
    </script>
  </head>
  <body>
      <div id="overlay" style="position: relative; width: 300px; height: 150px"></div>
{'fraction_non_alphanumeric': 0.14541775079502747, 'fraction_numerical': 0.004625614339404453, 'mean_word_length': 1.967409948542024, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 33, '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': '6296655', 'n_tokens_mistral': 1031, 'n_tokens_neox': 986, 'n_words': 229}