JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.wijmo.com/5.20152.70/controls/wijmo.min.js"></script>
<link rel="stylesheet" href="http://cdn.wijmo.com/5.20152.70/styles/wijmo.min.css">
<script src="http://cdn.wijmo.com/5.20152.70/controls/wijmo.input.min.js"></script>
<script src="http://cdn.wijmo.com/5.20152.70/interop/angular/wijmo.angular.min.js"></script>
<div ng-app="app" ng-controller="appCtrl">
    
 <label>First DropDown</label>
  <wj-auto-complete style="width: 295px"
  					control="region"
                    show-Drop-Down-Button=true
                    items-source="countries"
                    selected-value-path="id"
                    selected-item="items"
                    placeholder="&nbsp;&nbsp;e.g. Region">
  </wj-auto-complete>
  <br><br>
  <label>Second DropDown</label>
  <input id="searchCompaniesCpy" type="text" placeholder="&nbsp;&nbsp;e.g. AAPL" style="width: 295px;">
  <br><br>
  <button type="button" class="btn btn-primary btn-small pull-right wj-hide-ok">Ok</button>
  <button type="button" class="btn btn-primary btn-small pull-right ">Cancel</button>
</div>

JavaScript

// define app, include Wijmo 5 directives
var app = angular.module('app', ['wj']);

// controller
app.controller('appCtrl', function ($scope) {
    // as an ICollectionView
   $scope.selectedRegionId=0;
  
   
   var items = [];
     // as an array
    $scope.countries = [
        'Afghanistan', 'Albania', 'Algeria', 'American Samoa', 'Andorra', 'Angola', 'Anguilla', 'Antigua', 'Argentina', 'Armenia',
        'Aruba', 'Australia', 'Austria', 'Azerbaijan', 'Bahamas', 'Bahrain', 'Bangladesh', 'Barbados', 'Belarus', 'Belgium', 'Belize' ];
   
  
var combobox = new wijmo.input.AutoComplete('#searchCompaniesCpy', {
     
                        itemsSource: $scope.countries,
                        showDropDownButton: false,
                        gotFocus: gotfocusCompany.bind(this),
                        lostFocus: lostfocusCompany.bind(this),
                        selectedIndex: 1,
                        selectedIndexChanged: CompanyChanged.bind(this)
                    });
       
       function gotfocusCompany(s, e) {
                        combobox.isDroppedDown = true;
                        combobox.showDropDownButton = true;
                        //$scope.clss = '';
                    };
                    function lostfocusCompany(s, e) {
                        // alert('MessageLost');
                        combobox.isDroppedDown = false;
                        combobox.showDropDownButton = false;
                    };

                    function CompanyChanged(s, e) {
                        
                    }
    
	$scope.$watch('region',function(){
		var s=$scope.region;
		if(s){
			s.hostElement.addEventListener("click",function(e){
				s.isDroppedDown = true;
			s.showDropDownButton = true;
			s.dropDown.offsetWidth = s.hostElement.offsetWidth;
			s.refresh();
		})
		}
	})
  
});