diff --git a/addons/website/static/src/js/website.snippets.editor.js b/addons/website/static/src/js/website.snippets.editor.js
index ef1afe88d47..22582ecc9e3 100644
--- a/addons/website/static/src/js/website.snippets.editor.js
+++ b/addons/website/static/src/js/website.snippets.editor.js
@@ -136,6 +136,10 @@
 
             this.$modal = $(openerp.qweb.render('website.snippets_modal'));
             this.$modal.appendTo("body");
+
+            $(document).on('click', '.dropdown-submenu a[tabindex]', function (e) {
+                e.preventDefault();
+            });
         },
         fetch_snippet_templates: function () {
             var self = this;
diff --git a/addons/website/views/snippets.xml b/addons/website/views/snippets.xml
index 031fedcee4d..abd419fcd85 100644
--- a/addons/website/views/snippets.xml
+++ b/addons/website/views/snippets.xml
@@ -818,7 +818,7 @@
             <a tabindex="-1" href="#">Background</a>
             <ul class="dropdown-menu">
                 <li class="dropdown-submenu">
-                    <a tabindex="-1" href="#">Uniform Color</a>
+                    <a tabindex="-2" href="#">Uniform Color</a>
                     <ul class="dropdown-menu">
                         <li data-class='oe_dark'><a>Darken</a></li>
                         <li data-class='oe_green'><a>Green</a></li>
@@ -827,14 +827,14 @@
                     </ul>
                 </li>
                 <li class="dropdown-submenu">
-                    <a tabindex="-1" href="#">People</a>
+                    <a tabindex="-2" href="#">People</a>
                     <ul class="dropdown-menu">
                         <li data-class="oe_img_bg" data-src="/website/static/src/img/parallax/parallax_bg.jpg"><a>Sunflower</a></li>
                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/business_guy.jpg"><a>Business Guy</a></li>
                     </ul>
                 </li>
                 <li class="dropdown-submenu">
-                    <a tabindex="-1" href="#">Landscape</a>
+                    <a tabindex="-2" href="#">Landscape</a>
                     <ul class="dropdown-menu">
                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/flower_field.jpg"><a>Flowers Field</a></li>
                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/landscape.jpg"><a>Landscape</a></li>
@@ -843,7 +843,7 @@
                     </ul>
                 </li>
                 <li class="dropdown-submenu">
-                    <a tabindex="-1" href="#">Various</a>
+                    <a tabindex="-2" href="#">Various</a>
                     <ul class="dropdown-menu">
                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/aqua.jpg"><a>Aqua</a></li>
                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/baby_blue.jpg"><a>Baby Blue</a></li>