add title to multiselect list items so longer group names are visible, fix #15819

1 files changed, 6 insertions, 5 deletions

diff --git a/core/js/multiselect.js b/core/js/multiselect.js
index 565b793200f..97a3dcfad9c 100644
--- a/core/js/multiselect.js
+++ b/core/js/multiselect.js
@@ -76,7 +76,7 @@
 		var self = this;
 		self.menuDirection = 'down';
 		button.click(function(event){
-			
+
 			var button=$(this);
 			if(button.parent().children('ul').length>0) {
 				if(self.menuDirection === 'down') {
@@ -113,8 +113,9 @@
 					input.attr('name', 'ms'+multiSelectId+'-option');
 				}
 				var label=$('<label/>');
-				label.attr('for',id);
+				label.attr('for', id);
 				label.text(element.text() || item);
+				label.attr('title', element.text() || item);
 				if(settings.checked.indexOf(item) !== -1 || checked) {
 					input.attr('checked', true);
 				}
@@ -258,7 +259,7 @@
 				});
 				list.append(li);
 			}
-			
+
 			var doSort = function(list, selector) {
 				var rows = list.find('li'+selector).get();
 
@@ -299,7 +300,7 @@
 					top:pos.top - list.height(),
 					left:pos.left,
 					width:(button.outerWidth()-2)+'px'
-					
+
 				});
 				list.detach().insertBefore($(this));
 				list.addClass('up');
@@ -327,7 +328,7 @@
 				}
 			}
 		});
-		
+
 		return span;
 	};
 })( jQuery );