diff --git a/addons/website/static/src/js/website.snippets.editor.js b/addons/website/static/src/js/website.snippets.editor.js
index c4ca26f2f74..fc06f4e6aaa 100644
--- a/addons/website/static/src/js/website.snippets.editor.js
+++ b/addons/website/static/src/js/website.snippets.editor.js
@@ -1479,13 +1479,11 @@
                     self.BuildingBlock.make_active($(item));
                 }
             });
-
-            this.$el.find(".edition").click(function (event) {
-                event.preventDefault();
-                event.stopPropagation();
-                self.element = new CKEDITOR.dom.element(self.$target[0]);
-                new website.editor.MediaDialog(self, self.element).appendTo(document.body);
-            });
+        },
+        edition: function (type, value) {
+            if(type !== "click") return;
+            this.element = new CKEDITOR.dom.element(this.$target[0]);
+            new website.editor.MediaDialog(this, this.element).appendTo(document.body);
         },
         on_focus : function () {
             var self = this;
diff --git a/addons/website/views/snippets.xml b/addons/website/views/snippets.xml
index 66db6e49df3..ba64ca0ef17 100644
--- a/addons/website/views/snippets.xml
+++ b/addons/website/views/snippets.xml
@@ -1070,7 +1070,7 @@
 
     <div data-option='media'
         data-selector="img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa, .glyphicon">
-        <li><a href="#" class="edition">Change...</a></li>
+        <li data-edition="edition"><a>Change...</a></li>
     </div>
 
     <div data-option='transform'