diff --git a/addons/mail/static/src/components/composer_suggestion_list/composer_suggestion_list.xml b/addons/mail/static/src/components/composer_suggestion_list/composer_suggestion_list.xml
index 76950dfed6c..06f12cb61e9 100644
--- a/addons/mail/static/src/components/composer_suggestion_list/composer_suggestion_list.xml
+++ b/addons/mail/static/src/components/composer_suggestion_list/composer_suggestion_list.xml
@@ -2,31 +2,33 @@
 <templates xml:space="preserve">
 
     <t t-name="mail.ComposerSuggestionList" owl="1">
-        <div class="o_ComposerSuggestionList" t-att-class="{ 'o-lowPosition': props.isBelow }" t-attf-class="{{ className }}" t-ref="root">
-            <div class="o_ComposerSuggestionList_drop" t-att-class="{ 'dropdown': props.isBelow, 'dropup': !props.isBelow }">
-                <div class="o_ComposerSuggestionList_list dropdown-menu show">
-                    <t t-foreach="composerView.mainSuggestedRecords" t-as="record" t-key="record.localId">
-                        <ComposerSuggestion
-                            composerViewLocalId="composerView.localId"
-                            isActive="record === composerView.activeSuggestedRecord"
-                            modelName="composerView.suggestionModelName"
-                            recordLocalId="record.localId"
-                        />
-                    </t>
-                    <t t-if="composerView.mainSuggestedRecords.length > 0 and composerView.extraSuggestedRecords.length > 0">
-                        <div role="separator" class="dropdown-divider"/>
-                    </t>
-                    <t t-foreach="composerView.extraSuggestedRecords" t-as="record" t-key="record.localId">
-                        <ComposerSuggestion
-                            composerViewLocalId="composerView.localId"
-                            isActive="record === composerView.activeSuggestedRecord"
-                            modelName="composerView.suggestionModelName"
-                            recordLocalId="record.localId"
-                        />
-                    </t>
+        <t t-if="composerView">
+            <div class="o_ComposerSuggestionList" t-att-class="{ 'o-lowPosition': props.isBelow }" t-attf-class="{{ className }}" t-ref="root">
+                <div class="o_ComposerSuggestionList_drop" t-att-class="{ 'dropdown': props.isBelow, 'dropup': !props.isBelow }">
+                    <div class="o_ComposerSuggestionList_list dropdown-menu show">
+                        <t t-foreach="composerView.mainSuggestedRecords" t-as="record" t-key="record.localId">
+                            <ComposerSuggestion
+                                composerViewLocalId="composerView.localId"
+                                isActive="record === composerView.activeSuggestedRecord"
+                                modelName="composerView.suggestionModelName"
+                                recordLocalId="record.localId"
+                            />
+                        </t>
+                        <t t-if="composerView.mainSuggestedRecords.length > 0 and composerView.extraSuggestedRecords.length > 0">
+                            <div role="separator" class="dropdown-divider"/>
+                        </t>
+                        <t t-foreach="composerView.extraSuggestedRecords" t-as="record" t-key="record.localId">
+                            <ComposerSuggestion
+                                composerViewLocalId="composerView.localId"
+                                isActive="record === composerView.activeSuggestedRecord"
+                                modelName="composerView.suggestionModelName"
+                                recordLocalId="record.localId"
+                            />
+                        </t>
+                    </div>
                 </div>
             </div>
-        </div>
+        </t>
     </t>
 
 </templates>