Bug 1668376 - select boxes go off screen

Add auto_position plugin to all selectized elements.

Change-Id: Iddec8dfc6e1823a9b956ce2ceec30dda31eb8fae

13 files changed, 19 insertions, 18 deletions

diff --git a/extensions/AgileTools/template/en/default/pages/agiletools/team/show.html.tmpl b/extensions/AgileTools/template/en/default/pages/agiletools/team/show.html.tmpl
index 1d63300bd..9921d6377 100644
--- a/extensions/AgileTools/template/en/default/pages/agiletools/team/show.html.tmpl
+++ b/extensions/AgileTools/template/en/default/pages/agiletools/team/show.html.tmpl
@@ -34,7 +34,7 @@ $(function() {
 
     [%## RED HAT EXTENSION START 1323078 %]
     $('#view_groups').selectize({
-        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control'],
+        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'auto_position'],
         selectOnTab: true,
         minimum_search_length: 2,
         render: {
@@ -57,7 +57,7 @@ $(function() {
     });
 
     $('#edit_groups').selectize({
-        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control'],
+        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'auto_position'],
         selectOnTab: true,
         minimum_search_length: 2,
         render: {
diff --git a/extensions/PlotlyReports/template/en/default/hook/admin/products/edit-common-rows.html.tmpl b/extensions/PlotlyReports/template/en/default/hook/admin/products/edit-common-rows.html.tmpl
index 3e4196552..190759ff8 100644
--- a/extensions/PlotlyReports/template/en/default/hook/admin/products/edit-common-rows.html.tmpl
+++ b/extensions/PlotlyReports/template/en/default/hook/admin/products/edit-common-rows.html.tmpl
@@ -28,7 +28,7 @@
 <script type="text/javascript">
 $(document).ready(function() {
     $('#groups').selectize({
-        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control'],
+        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'auto_position'],
         selectOnTab: true,
         minimum_search_length: 2,
         render: {
diff --git a/extensions/RedHat/template/en/default/global/sorted_groups.html.tmpl b/extensions/RedHat/template/en/default/global/sorted_groups.html.tmpl
index 8445fd872..9dd8ed07d 100644
--- a/extensions/RedHat/template/en/default/global/sorted_groups.html.tmpl
+++ b/extensions/RedHat/template/en/default/global/sorted_groups.html.tmpl
@@ -45,7 +45,7 @@
 $(document).ready(function() {
     [% IF debugger %]debugger;[% END %]
     $('#[% select_id FILTER html %]').selectize({
-        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control'],
+        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'auto_position'],
         selectOnTab: true,
         minimum_search_length: 2,
         maxOptions: null,
diff --git a/extensions/RedHat/template/en/default/hook/admin/products/edit-common-rows.html.tmpl b/extensions/RedHat/template/en/default/hook/admin/products/edit-common-rows.html.tmpl
index f8d123e3b..d7d4057c2 100644
--- a/extensions/RedHat/template/en/default/hook/admin/products/edit-common-rows.html.tmpl
+++ b/extensions/RedHat/template/en/default/hook/admin/products/edit-common-rows.html.tmpl
@@ -111,7 +111,7 @@
 <script type="text/javascript">
 $(document).ready(function() {
     $('#groups').selectize({
-        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control'],
+        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'auto_position'],
         selectOnTab: true,
         minimum_search_length: 2,
         render: {
diff --git a/extensions/RedHat/web/js/redhat.js b/extensions/RedHat/web/js/redhat.js
index f2e7b78d7..0c9adb8a3 100644
--- a/extensions/RedHat/web/js/redhat.js
+++ b/extensions/RedHat/web/js/redhat.js
@@ -658,7 +658,8 @@ function selecterize(element) {
       'minimum_search_length',
       'extra_keys_control',
       'related_fields',
-      'load_from_js'
+      'load_from_js',
+      'auto_position'
     ],
     selectOnTab: true,
     maxOptions: 'nolimit',
@@ -1531,7 +1532,7 @@ function load_field_selector(current, target) {
       field: 'text',
       direction: 'asc'
     },
-    plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'drag_drop'],
+    plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'drag_drop', 'auto_position'],
     selectOnTab: true,
     maxOptions: 'nolimit',
     minimum_search_length: 2,
diff --git a/extensions/RuleEngine/template/en/default/hook/admin/products/edit-common-rows.html.tmpl b/extensions/RuleEngine/template/en/default/hook/admin/products/edit-common-rows.html.tmpl
index cf27588aa..1510d6f51 100644
--- a/extensions/RuleEngine/template/en/default/hook/admin/products/edit-common-rows.html.tmpl
+++ b/extensions/RuleEngine/template/en/default/hook/admin/products/edit-common-rows.html.tmpl
@@ -23,7 +23,7 @@
 <script type="text/javascript">
 $(document).ready(function() {
     $('#rule_group').selectize({
-        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control'],
+        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'auto_position'],
         selectOnTab: true,
         minimum_search_length: 2,
         render: {
diff --git a/extensions/SelectizeJS/template/en/default/hook/global/footer-end.html.tmpl b/extensions/SelectizeJS/template/en/default/hook/global/footer-end.html.tmpl
index 8d2258073..21f4db43b 100644
--- a/extensions/SelectizeJS/template/en/default/hook/global/footer-end.html.tmpl
+++ b/extensions/SelectizeJS/template/en/default/hook/global/footer-end.html.tmpl
@@ -9,7 +9,7 @@ $(document).ready(function() {
         if(! $(this).hasClass('selectized')) {
             var captioned = $(this).hasClass('captioned');
             $(this).selectize({
-                plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'related_fields', 'load_from_js'],
+                plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'related_fields', 'load_from_js', 'auto_position'],
                 selectOnTab: true,
                 maxOptions: 'nolimit',
                 minimum_search_length: 2,
diff --git a/extensions/SelectizeJS/template/en/default/list/change-columns.html.tmpl b/extensions/SelectizeJS/template/en/default/list/change-columns.html.tmpl
index b4ba12fa8..793f9ab50 100644
--- a/extensions/SelectizeJS/template/en/default/list/change-columns.html.tmpl
+++ b/extensions/SelectizeJS/template/en/default/list/change-columns.html.tmpl
@@ -39,7 +39,7 @@
 $(document).ready(function() {
     $("#selected_columns").selectize({
         sortField: {field: 'text', direction: 'asc'},
-        plugins: ['minimum_search_length', 'extra_keys_control', 'drag_drop', 'remove_button',],
+        plugins: ['minimum_search_length', 'extra_keys_control', 'drag_drop', 'remove_button', 'auto_position'],
         selectOnTab: true,
         minimum_search_length: 2,
     });
diff --git a/extensions/SelectizeJS/web/js/SelectizeJS.js b/extensions/SelectizeJS/web/js/SelectizeJS.js
index 3cfdfcfae..ff46af3b2 100644
--- a/extensions/SelectizeJS/web/js/SelectizeJS.js
+++ b/extensions/SelectizeJS/web/js/SelectizeJS.js
@@ -857,7 +857,7 @@ function init_components(args) {
 		list_all: function () {
 			$("#" + args.id).fetch_all();
 		},
-		plugins: ['remove_button', 'extra_keys_control', 'form_history', 'related_fields'],
+		plugins: ['remove_button', 'extra_keys_control', 'form_history', 'related_fields', 'auto_position'],
 		render: {
 			option: function (item, escape) {
 				return '<div title="' + escape(item.title || "") + '">' +
@@ -977,7 +977,7 @@ function init_products(args) {
 		onInitialize: function () {
 			fetch_all_listener(this, args);
 		},
-		plugins: ['remove_button', 'extra_keys_control', 'related_fields'],
+		plugins: ['remove_button', 'extra_keys_control', 'related_fields', 'auto_position'],
 		render: {
 			option: function (item, escape) {
 				return '<div class="option" title="' + escape(item.title) + '" id="' + escape(item.id) + '" data-value="' + escape(item.value) + '">' +
@@ -1063,7 +1063,7 @@ function init_sub_components(args) {
 		onInitialize: function () {
 			fetch_all_listener(this, args);
 		},
-		plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'form_history', 'related_fields'],
+		plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'form_history', 'related_fields', 'auto_position'],
 		render: {
 			option: function (item, escape) {
 				return '<div title="' + escape(item.title || "") + '">' +
diff --git a/extensions/Workflows/template/en/default/pages/workflows/group_review.html.tmpl b/extensions/Workflows/template/en/default/pages/workflows/group_review.html.tmpl
index c8e4cfd59..c3eb5b2f9 100644
--- a/extensions/Workflows/template/en/default/pages/workflows/group_review.html.tmpl
+++ b/extensions/Workflows/template/en/default/pages/workflows/group_review.html.tmpl
@@ -162,7 +162,7 @@ function editRows() {
 $(document).ready(function () {
 
     $('#groups').selectize({
-        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control'],
+        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'auto_position'],
         selectOnTab: true,
         minimum_search_length: 2,
         render: {
diff --git a/extensions/Workflows/template/en/default/pages/workflows/manage_components.html.tmpl b/extensions/Workflows/template/en/default/pages/workflows/manage_components.html.tmpl
index ffbb9c818..caf5659f6 100644
--- a/extensions/Workflows/template/en/default/pages/workflows/manage_components.html.tmpl
+++ b/extensions/Workflows/template/en/default/pages/workflows/manage_components.html.tmpl
@@ -503,7 +503,7 @@ var in_bulk_edit = 0;
 
 $(document).ready(function () {
   $('#teams').selectize({
-    plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control'],
+    plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'auto_position'],
     selectOnTab: true,
     minimum_search_length: 2,
     render: {
@@ -520,7 +520,7 @@ $(document).ready(function () {
   });
 
   $('#pools').selectize({
-    plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control'],
+    plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'auto_position'],
     selectOnTab: true,
     minimum_search_length: 2,
     render: {
diff --git a/template/en/default/bug/create/create.html.tmpl b/template/en/default/bug/create/create.html.tmpl
index 2c6e93fd3..cfb430036 100644
--- a/template/en/default/bug/create/create.html.tmpl
+++ b/template/en/default/bug/create/create.html.tmpl
@@ -974,7 +974,7 @@ I am copying this bug because:
 <script type="text/javascript">
 $(document).ready(function() {
     $('#groups').selectize({
-        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control'],
+        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'auto_position'],
         selectOnTab: true,
         minimum_search_length: 2,
         render: {
diff --git a/template/en/default/bug/edit.html.tmpl b/template/en/default/bug/edit.html.tmpl
index 01c8a564a..882302810 100644
--- a/template/en/default/bug/edit.html.tmpl
+++ b/template/en/default/bug/edit.html.tmpl
@@ -874,7 +874,7 @@
 <script type="text/javascript">
 $(document).ready(function() {
     $('#groups').selectize({
-        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control'],
+        plugins: ['remove_button', 'minimum_search_length', 'extra_keys_control', 'auto_position'],
         selectOnTab: true,
         minimum_search_length: 2,
         render: {