AngularJS-Slider Issue Report

Fork this Fiddle to show an issue and report it here: https://github.com/rzajac/angularjs-slider/issues

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.14.3/ui-bootstrap-tpls.js"></script>
<div ng-app="myapp">
    <div ng-controller="TestController as vm">
        <section>
    <div class="box" ng-repeat="box in vm.boxes" uib-tooltip="{{box.value}}"></div>
  </section>
    </div>
</div>

CSS

section {
  margin: 100px;
  display: flex;
  justify-content: space-between;
}

.box {
  width: 10px;
  height: 10px;
  background: black;
}

JavaScript

var myApp = angular.module('myapp', ['ui.bootstrap']);

myApp.controller('TestController', TestController);

function TestController() {
    var vm = this;
    vm.boxes = [];
  for (var i = 0; i < 10; i++) {
    vm.boxes.push({
      value: 'value: ' + i
    });
  }
}