[FIX] web_editor: open customize menus to the left/right

Open customize options menus to the left if there is not enough space on
the right.

1 files changed, 10 insertions, 2 deletions

diff --git a/addons/web_editor/static/src/js/editor/snippets.options.js b/addons/web_editor/static/src/js/editor/snippets.options.js
index afa1b77f3c1..fbcf364a057 100644
--- a/addons/web_editor/static/src/js/editor/snippets.options.js
+++ b/addons/web_editor/static/src/js/editor/snippets.options.js
@@ -298,8 +298,16 @@ var SnippetOption = Widget.extend({
      * @param {Event} ev
      */
     _onLinkEnter: function (ev) {
-        var $li = $(ev.currentTarget).parent(':hasData');
-        if (!$li.length) {
+        var $li = $(ev.currentTarget).parent();
+        if ($li.is('.dropdown-submenu')) {
+            var $menu = $li.children('.dropdown-menu');
+            if ($menu.length) {
+                var menuRightPosition = $li.offset().left + $li.outerWidth() + $menu.outerWidth();
+                $menu.toggleClass('o_open_to_left', menuRightPosition > $(window).outerWidth());
+            }
+        }
+
+        if (!$li.is(':hasData')) {
             return;
         }
         this.__click = false;