Properly assign dropdownParent in Select2 controls. Fixes #4218

docs/en_US/release_notes.rst

@@ -11,6 +11,7 @@ notes for it.
 .. toctree::
    :maxdepth: 1
 
+   release_notes_4_7
    release_notes_4_6
    release_notes_4_5
    release_notes_4_4

docs/en_US/release_notes_4_7.rst

@@ -0,0 +1,17 @@
+***********
+Version 4.7
+***********
+
+Release date: 2019-05-30
+
+This release contains a number of new features and fixes reported since the
+release of pgAdmin4 4.6
+
+Features
+********
+
+
+Bug fixes
+*********
+
+| `Bug #4218 <https://redmine.postgresql.org/issues/4218>`_ - Properly assign dropdownParent in Select2 controls.

web/pgadmin/static/js/backform.pgadmin.js

@@ -2017,13 +2017,6 @@ define([
       if (!data.visible)
         this.$el.addClass(Backform.hiddenClassName);
 
-      // Dropdown body can be render at user given location
-      // If isDropdownParent flag is set to true then, By default we will
-      // display it on the control itself.
-      if (data.select2.isDropdownParent) {
-        select2Opts.dropdownParent = data.select2.dropdownParent || this.$el;
-      }
-
       this.$el.html(this.template(data)).addClass(field.name);
 
       var select2Opts = _.extend({
@@ -2032,6 +2025,13 @@ define([
         options: (this.field.get('options') || this.defaults.options),
       });
 
+      // Dropdown body can be render at user given location
+      // If isDropdownParent flag is set to true then, By default we will
+      // display it on the control itself.
+      if (data.select2.isDropdownParent) {
+        select2Opts.dropdownParent = data.select2.dropdownParent || this.$el;
+      }
+
       // If disabled then no need to show placeholder
       if (data.disabled || data.mode === 'properties') {
         select2Opts['placeholder'] = '';