Fixed #259: when having a JSONEditor inside an HTML form, clicking an entry in the context menu did submit the form

HISTORY.md

@@ -7,6 +7,8 @@ https://github.com/josdejong/jsoneditor
 
 - Improvements in sanitizing invalid JSON.
 - Fixed clicking format/compact not triggering an onChange event.
+- Fixed #259: when having a JSONEditor inside an HTML form, clicking an entry
+  in the context menu did submit the form.
 
 
 ## 2016-01-16, version 5.1.1

src/js/ContextMenu.js

@@ -73,6 +73,7 @@ function ContextMenu (items, options) {
         }
         if (item.click) {
           button.onclick = function () {
+            event.preventDefault();
             me.hide();
             item.click();
           };
@@ -113,7 +114,8 @@ function ContextMenu (items, options) {
           }
 
           // attach a handler to expand/collapse the submenu
-          buttonSubmenu.onclick = function () {
+          buttonSubmenu.onclick = function (event) {
+            event.preventDefault();
             me._onExpandItem(domItem);
             buttonSubmenu.focus();
           };

test/test_build.html

@@ -33,7 +33,9 @@
   <code>editor.setMode(mode)</code>, try it in the console of your browser.
 </p>
 
-<div id="jsoneditor"></div>
+<form>
+  <div id="jsoneditor"></div>
+</form>
 
 <script>
   var container, options, json, editor;