Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(519)

Unified Diff: third_party/WebKit/PerformanceTests/Layout/nested-percent-height-tables.html

Issue 2692083002: Avoid unnecessary cell layout on nested percent height tables (Closed)
Patch Set: Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/PerformanceTests/Layout/nested-percent-height-tables.html
diff --git a/third_party/WebKit/PerformanceTests/Layout/nested-percent-height-tables.html b/third_party/WebKit/PerformanceTests/Layout/nested-percent-height-tables.html
new file mode 100644
index 0000000000000000000000000000000000000000..934ed1583b1a424320e6f48efd20f5984c1cb228
--- /dev/null
+++ b/third_party/WebKit/PerformanceTests/Layout/nested-percent-height-tables.html
@@ -0,0 +1,94 @@
+<!DOCTYPE HTML>
+<style>
+.body { margin:0; }
+.maxHeight { width:100%; height:100%; }
+.overflowDiv { overflow:hidden; display:inline-block }
+.overflowAuto { overflow:auto; }
+</style>
+<html id="top">
+ <body class="body" style="height:100%;">
+ <table class="maxHeight">
+ <tr>
+ <td style="height:100%;">
+ <div class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td style="height:100%;">
+ <div class="maxHeight">
+ <table id="top" class="maxHeight">
+ <colgroup>
+ <col/>
+ <col />
+ <col style="width:100%;"/>
+ </colgroup>
+ <tr style="height:100%;">
+ <td style="height:100%;">
+ <div class="overflowAuto maxHeight" style="position:relative;">
+ </td>
+ <td rowspan="1">
+ <div class="overflowDiv" >
+ </div>
+ </td>
+ <td style="height:100%;">
+ <div class="overflowAuto maxHeight" style="position:relative;">
+ <div class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td style="height:100%;">
+ <table class="maxHeight">
+ <tr>
+ <td colspan="2" class="maxHeight">
+ <div class=" maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td style="height:100%;">
+ <table class="maxHeight">
+ <tr>
+ <td class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td class="maxHeight">
+ <div class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td class="maxHeight">
+ <table class="maxHeight">
+ <tr>
+ <td class="maxHeight">
+<script src="../resources/runner.js"></script>
+<script>
+function test() {
+ PerfTestRunner.forceLayout();
+ document.getElementById("top").style.height = "100%";
+ PerfTestRunner.forceLayout();
+ document.getElementById("top").style.height = "auto";
+}
+PerfTestRunner.measureRunsPerSecond({
+ description: "Measures performance of nested tables with percent height.",
+ run: test,
+});
+</script>

Powered by Google App Engine
This is Rietveld 408576698