src/third_party/WebKit/LayoutTests/fast/events/scroll-event-during-modal-dialog.html

   1 <!DOCTYPE html>
   2
   3 <style>
   4 #scrollable {
   5     height: 200px;
   6     width: 200px;
   7     overflow: scroll;
   8 }
   9 #scrollable div {
  10     height: 1000px;
  11 }
  12 </style>
  13
  14 <script src="../../resources/js-test.js"></script>
  15
  16 <div id="scrollable"><div></div></div>
  17
  18 <script type="text/javascript">
  19 if (window.testRunner)
  20     testRunner.setCanOpenWindows();
  21
  22 var jsTestIsAsync = true;
  23 var scrollable = document.getElementById('scrollable');
  24
  25 description('Tests that scroll events are not fired while modal dialogs are displayed.');
  26
  27 scrollable.onscroll = function() {
  28     debug('Scroll handler fired');
  29     dialog.close();
  30 }
  31
  32 onload = function() {
  33     debug('Showing modal dialog');
  34     showModalDialog('resources/scroll-event-modal-dialog.html');
  35     debug('Returned from modal dialog');
  36     finishJSTest();
  37 }
  38 </script>
  39