Home Explore Help
Register Sign In
oleg
/
monaco-editor
mirror of https://github.com/microsoft/monaco-editor.git
1
0
Fork 0
Files Issues 0 Wiki
Tree: adf97b09cf
Branches Tags
monaco-editor
/
test
/
mouse-scrollable-element.html

mouse-scrollable-element.html 12 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. <head>
    5. 

  5. 	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    6. 

  6. 	<style type="text/css">
    7. 

  7. 		#editor {
    8. 

  8. 			position: relative;
    9. 

  9. 			left: 500px;
    10. 

  10. 			top: 20px;
    11. 

  11. 			width: 600px;
    12. 

  12. 			height: 400px;
    13. 

  13. 			border: 1px solid #ccc;
    14. 

  14. 		}
    15. 

  15. 	</style>
    16. 

  16. </head>
    17. 

  17. 

  18. <body>
    19. 

  19. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    20. 

  20. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    21. 

  21. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    22. 

  22. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    23. 

  23. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    24. 

  24. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    25. 

  25. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    26. 

  26. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    27. 

  27. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    28. 

  28. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    29. 

  29. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    30. 

  30. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    31. 

  31. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    32. 

  32. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    33. 

  33. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    34. 

  34. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    35. 

  35. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    36. 

  36. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    37. 

  37. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    38. 

  38. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    39. 

  39. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    40. 

  40. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    41. 

  41. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    42. 

  42. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    43. 

  43. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    44. 

  44. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    45. 

  45. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    46. 

  46. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    47. 

  47. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    48. 

  48. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    49. 

  49. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    50. 

  50. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    51. 

  51. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    52. 

  52. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    53. 

  53. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    54. 

  54. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    55. 

  55. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    56. 

  56. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    57. 

  57. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    58. 

  58. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    59. 

  59. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    60. 

  60. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    61. 

  61. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    62. 

  62. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    63. 

  63. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    64. 

  64. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    65. 

  65. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    66. 

  66. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    67. 

  67. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    68. 

  68. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    69. 

  69. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    70. 

  70. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    71. 

  71. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    72. 

  72. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    73. 

  73. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    74. 

  74. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    75. 

  75. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    76. 

  76. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    77. 

  77. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    78. 

  78. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    79. 

  79. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    80. 

  80. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    81. 

  81. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    82. 

  82. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    83. 

  83. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    84. 

  84. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    85. 

  85. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    86. 

  86. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    87. 

  87. 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    88. 

  88. 		Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
    89. 

  89. 		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    90. 

  90. 		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    91. 

  91. 

  92. 	<div style="height:500px; overflow:scroll">
    93. 

  93. 		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    94. 

  94. 			Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    95. 

  95. 			irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    96. 

  96. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    97. 

  97. 		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    98. 

  98. 			Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    99. 

  99. 			irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    100. 

  100. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    101. 

  101. 		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    102. 

  102. 			Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    103. 

  103. 			irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    104. 

  104. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    105. 

  105. 		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    106. 

  106. 			Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    107. 

  107. 			irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    108. 

  108. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    109. 

  109. 		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    110. 

  110. 			Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    111. 

  111. 			irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    112. 

  112. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    113. 

  113. 		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    114. 

  114. 			Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    115. 

  115. 			irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    116. 

  116. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    117. 

  117. 

  118. 		<div id="editor"></div>
    119. 

  119. 	</div>
    120. 

  120. 

  121. 	<div style="clear:both"></div>
    122. 

  122. 

  123. <script src="../metadata.js"></script>
    124. 

  124. <script src="dev-setup.js"></script>
    125. 

  125. <script>
    126. 

  126. 	loadEditor(function() {
    127. 

  127. 		monaco.editor.create(document.getElementById('editor'), {
    128. 

  128. 			value: document.documentElement.innerHTML,
    129. 

  129. 			language: 'xml'
    130. 

  130. 		});
    131. 

  131. 	});
    132. 

  132. </script>
    133. 

  133. </body>
    134. 

  134. </html>
    135.