AngularJS Material - md-autocomplete скрывает часть предложения

(function () {
  'use strict';
  angular
      .module('MyApp')
      .controller('CustomInputDemoCtrl', DemoCtrl);

  function DemoCtrl ($timeout, $q) {
    var self = this;

    self.readonly = false;
    self.selectedItem = null;
    self.searchText = null;
    self.selectedVegetables = [];
    self.numberChips = [];
    self.numberChips2 = [];
    self.numberBuffer = '';

    self.itemList = [
      {t:"aaaa"},
      {t:"bbbbbbbb"},
      {t:"cccccccccccccccc"},
      {t:"dddddddddddddddddddddddddddd"},
      {t:"eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee"},
      {t:"ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff"},
      {t:"eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee"},
      {t:"dddddddddddddddddddddddddddd"},
      {t:"cccccccccccccccc"},
      {t:"bbbbbbbb"},
    ]
  }
})();

.larger-width {
  with: 1000px;
}

<div ng-controller = "CustomInputDemoCtrl as ctrl" layout = "column" class = "chipsdemoCustomInputs" ng-app = "MyApp">

  <md-content class = "md-padding" layout = "column" style = "background-color: lightgray; width: 250px">
      <md-autocomplete 
             md-selected-item = "ctrl.selectedItem" 
             md-search-text = "ctrl.searchText" 
             md-items = "item in ctrl.itemList" 
             md-item-text = "item.t" 
             placeholder = "Search"
             md-floating-label = "Select One">
        <md-item-template>
            <span md-highlight-text = "ctrl.searchText" md-highlight-flags = "^i">
                {{item.t}}
            </span>
        </md-item-template>
        <md-not-found>
            <span>No dataaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.</span>
        </md-not-found>
      </md-autocomplete>
  </md-content>
</div>