[FIX] web_editor: hide header in customize dropdown when it has no content

In some snippets, the parent hierarchy has many elements. So, when
selecting a deep child of one of those, the customize dropdown had
many dropdown headers showing the parent hierarchy but without any
option for many of them.

Commit de0d9fd6661691488fcf4fd546d89042c0c99a4b already fixed the case
where the dropdown only contains dropdown headers. This commit is an
adaptation to hide these headers one by one.

1 files changed, 9 insertions, 2 deletions

diff --git a/addons/web_editor/static/src/js/snippets.editor.js b/addons/web_editor/static/src/js/snippets.editor.js
index bfaeec3975a..020c93cdc17 100644
--- a/addons/web_editor/static/src/js/snippets.editor.js
+++ b/addons/web_editor/static/src/js/snippets.editor.js
@@ -1122,22 +1122,29 @@ data.Editor = Class.extend({
             if ($el.data("editor") !== this) {
                 styles = _.filter(styles, function (option) { return !option.preventChildPropagation; });
             }
+
+            var count = 0;
             _.each(_.sortBy(styles, "__order").reverse(), function (style) {
-                do_action(style, $el);
+                if (do_action(style, $el)) {
+                    count++;
+                }
             });
+            $el.toggleClass("hidden", count === 0);
         }).bind(this));
 
         // Activate the overlay
-        $style_button.toggleClass("hidden", $ul.children(":not(.dropdown-header):not(.divider):not(.hidden)").length === 0);
+        $style_button.toggleClass("hidden", $ul.children(":not(.divider):not(.hidden)").length === 0);
         this.$overlay.toggleClass("oe_active", !!focus);
 
         function _do_action_focus(style, $dest) {
             style.$el.insertAfter($dest);
             style.on_focus();
+            return (style.$el.length > 0);
         }
         function _do_action_blur(style, $dest) {
             style.$el.detach();
             style.on_blur();
+            return false;
         }
     },
 });