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">
    
 
  <wj-auto-complete style="width: 295px"
                    show-Drop-Down-Button=true
                    items-source="countries"
                    selected-value-path="id"
                    show-Drop-Down-Button=false
                    got-focus="gotFocusRegion(s,e)"
                    lost-focus="lostFocusRegion(s,e)"
                    selected-item="items"
                    placeholder="&nbsp;&nbsp;e.g. Region"
                    selected-index-changed="RegionChanged(s, e)">
  </wj-auto-complete>
</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;
   $scope.RegionChanged=function(s,e)
   {   
   }
   
   
   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' ];
   
   $scope.RegionChanged = function (s, e) {            
            $scope.lostFocusRegion(s,e);      
    }
    $scope.gotFocusRegion = function (s, e) {
        s.isDroppedDown = true;
        s.showDropDownButton = true;
        s.dropDown.offsetWidth = s.hostElement.offsetWidth;
        s.refresh();
    };
    $scope.lostFocusRegion = function (s, e) {
       // s.showDropDownButton = false;
    };
});