| OLD | NEW | 
|---|
| 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | 
| 2 <html> | 2 <html> | 
| 3 <head> | 3 <head> | 
| 4     <title></title> | 4     <title></title> | 
| 5     <script src="../../resources/js-test.js"></script> | 5     <script src="../../resources/js-test.js"></script> | 
| 6     <script type="text/javascript"> | 6     <script type="text/javascript"> | 
| 7         function doScroll(x, y, deltaX, deltaY) { | 7         function doScroll(x, y, deltaX, deltaY) { | 
| 8             eventSender.gestureScrollBegin(x, y); | 8             eventSender.gestureScrollBegin(x, y); | 
| 9             eventSender.gestureScrollUpdate(deltaX, deltaY); | 9             eventSender.gestureScrollUpdate(deltaX, deltaY); | 
| 10             eventSender.gestureScrollEnd(0, 0); | 10             eventSender.gestureScrollEnd(0, 0); | 
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 44                      offsetX + rect.left, offsetY + rect.top, | 44                      offsetX + rect.left, offsetY + rect.top, | 
| 45                      deltaX, deltaY, expectedDeltaX, expectedDeltaY); | 45                      deltaX, deltaY, expectedDeltaX, expectedDeltaY); | 
| 46         } | 46         } | 
| 47 | 47 | 
| 48         function test() | 48         function test() | 
| 49         { | 49         { | 
| 50             if (!window.testRunner) | 50             if (!window.testRunner) | 
| 51                 return; | 51                 return; | 
| 52 | 52 | 
| 53             // Scroll the page first to test that resize works with scrolled pag
     e. | 53             // Scroll the page first to test that resize works with scrolled pag
     e. | 
| 54             document.body.scrollTop = 50; | 54             document.scrollingElement.scrollTop = 50; | 
| 55 | 55 | 
| 56             // 1. Touch scrolling starting at outside of the object, e.g. offset
      (6, 7) | 56             // 1. Touch scrolling starting at outside of the object, e.g. offset
      (6, 7) | 
| 57             //    to bottom right corner of the object, won't do the resize. | 57             //    to bottom right corner of the object, won't do the resize. | 
| 58             // 2. Touch scrolling starting at inside the object, and within the 
     normal | 58             // 2. Touch scrolling starting at inside the object, and within the 
     normal | 
| 59             //    resizer area (15x15), e.g. offset (-6, -7) to bottom right cor
     ner of | 59             //    resizer area (15x15), e.g. offset (-6, -7) to bottom right cor
     ner of | 
| 60             //    the object, will do the resize. | 60             //    the object, will do the resize. | 
| 61             // 3. Touch scrolling starting at inside the object, and only a litt
     le bit | 61             // 3. Touch scrolling starting at inside the object, and only a litt
     le bit | 
| 62             //    off the resizer area, e.g. offset (-20, -20) to bottom right c
     orner of | 62             //    off the resizer area, e.g. offset (-20, -20) to bottom right c
     orner of | 
| 63             //    the object, will do the resize. | 63             //    the object, will do the resize. | 
| 64 | 64 | 
| 65             resize("div", -6, -7, 20, 10, "resize"); | 65             resize("div", -6, -7, 20, 10, "resize"); | 
| 66             resize("div", 6, 7, 20, 10, "noresize"); | 66             resize("div", 6, 7, 20, 10, "noresize"); | 
| 67             resize("textarea1", -20, -20, 20, 10, "resize"); | 67             resize("textarea1", -20, -20, 20, 10, "resize"); | 
| 68 | 68 | 
| 69             // Scroll the page again | 69             // Scroll the page again | 
| 70             document.body.scrollTop += 100; | 70             document.scrollingElement.scrollTop += 100; | 
| 71 | 71 | 
| 72             resize("iframe1", -6, -7, 20, 10, "resize"); | 72             resize("iframe1", -6, -7, 20, 10, "resize"); | 
| 73             resize("iframe1", -20, -20, 20, 10, "resize"); | 73             resize("iframe1", -20, -20, 20, 10, "resize"); | 
| 74             resizeInIframe("textarea2", "iframe1", -6, -7, 20, 20, "resize"); | 74             resizeInIframe("textarea2", "iframe1", -6, -7, 20, 20, "resize"); | 
| 75         } | 75         } | 
| 76     </script> | 76     </script> | 
| 77 <style> | 77 <style> | 
| 78 div { | 78 div { | 
| 79         overflow: auto; | 79         overflow: auto; | 
| 80         resize: both; | 80         resize: both; | 
| (...skipping 17 matching lines...) Expand all  Loading... | 
| 98         Can't resize a textarea with touch</i>. | 98         Can't resize a textarea with touch</i>. | 
| 99     </p> | 99     </p> | 
| 100     <hr> | 100     <hr> | 
| 101     <div id="placeholder" style="width: 150px; height: 150px;">a placeholder so 
     that we have enough elements to scroll the page</div> | 101     <div id="placeholder" style="width: 150px; height: 150px;">a placeholder so 
     that we have enough elements to scroll the page</div> | 
| 102     <div id="div" style="width: 150px; height: 100px;;"></div> | 102     <div id="div" style="width: 150px; height: 100px;;"></div> | 
| 103     <textarea id="textarea1" style="width: 150px; height: 100px;"></textarea> | 103     <textarea id="textarea1" style="width: 150px; height: 100px;"></textarea> | 
| 104     <br> | 104     <br> | 
| 105     <iframe id="iframe1" src="resources/resize-corner-tracking-touch-iframe.html
     " style="resize:both; width: 200px; height: 200px"></iframe> | 105     <iframe id="iframe1" src="resources/resize-corner-tracking-touch-iframe.html
     " style="resize:both; width: 200px; height: 200px"></iframe> | 
| 106     <pre id="console"></pre> | 106     <pre id="console"></pre> | 
| 107 </body> | 107 </body> | 
| OLD | NEW | 
|---|