nested-tables-with-overflow-auto.html

<!DOCTYPE html>
<style>
#log {
 position: fixed; top: 0; left: 0;
}
::-webkit-scrollbar {
  width:.75rem;
  height:.75rem
}
html, body, x-table, table, div {
  width: 100%;
  height: 100%;
}
x-table {
  display: table;
}
</style>
<body id="target" style="overflow: auto;">
  <x-table>
    <div style="position: relative; overflow: auto;">
      <div style="position: absolute; top: 0; left: 0;">
        <x-table>
          <x-table>
            <x-table>
              <x-table>
                <x-table>
                  <x-table>
                    <x-table>
                      <x-table>
                        <x-table>
                          <x-table>
                            <table>
                              <tr></tr>
                              <tr>
                                <td>
                                  <div style="position: relative; overflow: auto;">
                                    <div style="position: absolute; top: 0; left: 0;">
                                      <x-table>
                                        <x-table></x-table>
                                      </x-table>
                                    </div>
                                  </div>
                                </td>
                              </tr>
                            </table>
                          </x-table>
                        </x-table>
                      </x-table>
                    </x-table>
                  </x-table>
                </x-table>
              </x-table>
            </x-table>
          </x-table>
        </x-table>
      </div>
    </div>
  </x-table>
</body>
<script src="../resources/runner.js"></script>
<script>
const target = document.getElementById("target");
const style = target.style;
PerfTestRunner.measureRunsPerSecond({
  description: "Measures performance of nested tables with overflow auto inner children.",
  run: () => {
    style.display = 'none';
    PerfTestRunner.forceLayout();
    style.display = 'block';
    PerfTestRunner.forceLayout();
  },
});
</script>
chromium/third_party/blink/perf_tests/layout/nested-tables-with-overflow-auto.html
