fix(ui5-multi-combobox): fix initial focus on mobile (#1508)

Author: fifoosid

packages/main/src/MultiComboBox.js

@@ -485,6 +485,15 @@ class MultiComboBox extends UI5Element {
 		}
 	}
 
+	_setInitialFocusInResponsivePopover() {
+		this._innerInput.focus();
+	}
+
+	_onAllItemsPopoverAfterOpen() {
+		this._setInitialFocusInResponsivePopover();
+		this._toggleIcon();
+	}
+
 	_getSelectedItems() {
 		// Angular 2 way data binding
 		this.selectedValues = this.items.filter(item => item.selected);

packages/main/src/MultiComboBoxPopover.hbs

@@ -7,6 +7,7 @@
 	_disable-initial-focus
 	content-only-on-desktop
 	@ui5-afterClose={{_afterClosePopover}}
+	@ui5-afterOpen={{_setInitialFocusInResponsivePopover}}
 >
 	<div slot="header" class="ui5-responsive-popover-header">
 		<div class="row">
@@ -75,7 +76,7 @@
 	content-only-on-desktop
 	@ui5-selectionChange={{_listSelectionChange}}
 	@ui5-afterClose={{_toggleIcon}}
-	@ui5-afterOpen={{_toggleIcon}}
+	@ui5-afterOpen={{_onAllItemsPopoverAfterOpen}}
 >
 	<div slot="header" class="ui5-responsive-popover-header">
 		<div class="row">