1 files changed, 7 insertions, 3 deletions
diff --git a/app/assets/javascripts/notifications/index.js b/app/assets/javascripts/notifications/index.js
index 1395084f68c..d41b1d95854 100644
--- a/app/assets/javascripts/notifications/index.js
+++ b/app/assets/javascripts/notifications/index.js
@@ -7,10 +7,11 @@ import NotificationEmailListboxInput from './components/notification_email_listb
 Vue.use(GlToast);
 
 const initNotificationEmailListboxInputs = () => {
-  const els = [...document.querySelectorAll('.js-notification-email-listbox-input')];
+  const CLASS_NAME = 'js-notification-email-listbox-input';
+  const els = [...document.querySelectorAll(`.${CLASS_NAME}`)];
 
   els.forEach((el, index) => {
-    const { label, name, emptyValueText, value = '' } = el.dataset;
+    const { label, name, emptyValueText, value = '', placement } = el.dataset;
 
     return new Vue({
       el,
@@ -22,9 +23,12 @@ const initNotificationEmailListboxInputs = () => {
         emptyValueText,
         value,
         disabled: parseBoolean(el.dataset.disabled),
+        placement,
       },
       render(h) {
-        return h(NotificationEmailListboxInput);
+        return h(NotificationEmailListboxInput, {
+          class: el.className.replace(CLASS_NAME, '').trim(),
+        });
       },
     });
   });