diff --git a/addons/web/static/src/js/views/control_panel/control_panel_view.js b/addons/web/static/src/js/views/control_panel/control_panel_view.js
index c15840714db..bd7c4110a26 100644
--- a/addons/web/static/src/js/views/control_panel/control_panel_view.js
+++ b/addons/web/static/src/js/views/control_panel/control_panel_view.js
@@ -170,6 +170,9 @@ var ControlPanelView = Factory.extend({
                                             DEFAULT_PERIOD;
                 filter.currentOptionId = false;
             }
+            if (attrs.invisible) {
+                filter.invisible = true;
+            }
         } else if (filter.type === 'groupBy') {
             filter.fieldName = attrs.fieldName;
             filter.fieldType = this.fields[attrs.fieldName].type;
@@ -224,9 +227,6 @@ var ControlPanelView = Factory.extend({
 
 
         _.each(preFilters, function (preFilter) {
-            if (preFilter.attrs && preFilter.attrs.invisible) {
-                return;
-            }
             if (preFilter.tag !== currentTag || _.contains(['separator', 'field'], preFilter.tag)) {
                 if (currentGroup.length) {
                     if (currentTag === 'groupBy') {
diff --git a/addons/web/static/src/xml/base.xml b/addons/web/static/src/xml/base.xml
index 743187bf624..c075c912784 100644
--- a/addons/web/static/src/xml/base.xml
+++ b/addons/web/static/src/xml/base.xml
@@ -1012,8 +1012,8 @@
     <t t-if="widget.items.length !== 0">
         <t t-set="group" t-value="0"/>
         <t t-foreach="widget.items" t-as="item">
-            <div t-if="group !== item.groupNumber" role="separator" class="dropdown-divider" data-removable="1"/>
-            <div class="o_menu_item"
+            <div t-if="group !== item.groupNumber and !item.invisible" role="separator" class="dropdown-divider" data-removable="1"/>
+            <div t-attf-class="o_menu_item #{item.invisible ? 'd-none' : ''}"
                 t-att-data-id="item.id">
                 <a role="menuitem" href="#" t-attf-class="dropdown-item#{item.isActive ? ' selected ' : ''}">
                     <t t-esc="item.description"/>
diff --git a/addons/web/static/tests/views/control_panel_tests.js b/addons/web/static/tests/views/control_panel_tests.js
index 7d033e5f1e4..1de6e296a46 100644
--- a/addons/web/static/tests/views/control_panel_tests.js
+++ b/addons/web/static/tests/views/control_panel_tests.js
@@ -355,7 +355,7 @@ QUnit.module('Views', {
         });
         await testUtils.dom.click(controlPanel.$('.o_filters_menu_button'));
         assert.containsOnce(controlPanel, '.o_menu_item a:contains("A")');
-        assert.containsNone(controlPanel, '.o_menu_item a:contains("B")');
+        assert.containsOnce(controlPanel, '.o_menu_item.d-none a:contains("B")');
 
         controlPanel.destroy();
     });
@@ -413,7 +413,7 @@ QUnit.module('Views', {
         });
         await testUtils.dom.click(controlPanel.$('.o_filters_menu_button'));
         assert.containsOnce(controlPanel, '.o_menu_item a:contains("A")');
-        assert.containsNone(controlPanel, '.o_menu_item a:contains("B")');
+        assert.containsOnce(controlPanel, '.o_menu_item.d-none a:contains("B")');
 
         controlPanel.destroy();
     });