[FIX] website: prevent duplicate notification on non-translatable els

Since [1], when clicking a non-translatable element in translation mode,
the notification was sometimes shown multiple times due to event
bubbling.

This commit stops the click event from propagating, ensuring the
notification is only triggered once.

[1]: odoo@41e3411

closes odoo#221384

X-original-commit: 1a7cb32
Signed-off-by: Romaric Moyeuvre (romo) <[email protected]>
Signed-off-by: Serge Bayet (seba) <[email protected]>

Author: SergeBayet

addons/website/static/src/components/translator/translator.js

@@ -275,7 +275,11 @@ export class WebsiteTranslator extends WebsiteEditorComponent {
         };
         for (const translationEl of $editable) {
             if (translationEl.closest('.o_not_editable')) {
-                translationEl.addEventListener('click', showNotification);
+                translationEl.addEventListener('click', (ev) => {
+                    ev.stopPropagation();
+                    ev.preventDefault();
+                    showNotification(ev);
+                });
             }
             if (translationEl.closest('.s_table_of_content_navbar_wrap')) {
                 // Make sure the same translation ids are used.