-.directive('accordionTransclude', function() {
- return {
- require: '^accordionGroup',
- link: function(scope, element, attr, controller) {
- scope.$watch(function() { return controller[attr.accordionTransclude]; }, function(heading) {
- if ( heading ) {
- element.html('');
- element.append(heading);
- }
- });
- }
- };
-});
+angular.module('ui.bootstrap.accordion', ['ui.bootstrap.collapse'])
+
+.constant('accordionConfig', {
+ closeOthers: true
+})
+
+.controller('AccordionController', ['$scope', '$attrs', 'accordionConfig', function ($scope, $attrs, accordionConfig) {
+
+ // This array keeps track of the accordion groups
+ this.groups = [];
+
+ // Ensure that all the groups in this accordion are closed, unless close-others explicitly says not to
+ this.closeOthers = function(openGroup) {
+ var closeOthers = angular.isDefined($attrs.closeOthers) ? $scope.$eval($attrs.closeOthers) : accordionConfig.closeOthers;
+ if ( closeOthers ) {
+ angular.forEach(this.groups, function (group) {
+ if ( group !== openGroup ) {
+ group.isOpen = false;
+ }
+ });
+ }
+ };
+
+ // This is called from the accordion-group directive to add itself to the accordion
+ this.addGroup = function(groupScope) {
+ var that = this;
+ this.groups.push(groupScope);
+
+ groupScope.$on('$destroy', function (event) {
+ that.removeGroup(groupScope);
+ });
+ };
+
+ // This is called from the accordion-group directive when to remove itself
+ this.removeGroup = function(group) {
+ var index = this.groups.indexOf(group);
+ if ( index !== -1 ) {
+ this.groups.splice(this.groups.indexOf(group), 1);
+ }
+ };
+
+}])
+
+// The accordion directive simply sets up the directive controller
+// and adds an accordion CSS class to itself element.
+.directive('accordion', function () {
+ return {
+ restrict:'EA',
+ controller:'AccordionController',
+ transclude: true,
+ replace: false,
+ templateUrl: 'template/accordion/accordion.html'
+ };
+})
+
+// The accordion-group directive indicates a block of html that will expand and collapse in an accordion
+.directive('accordionGroup', ['$parse', '$transition', '$timeout', function($parse, $transition, $timeout) {
+ return {
+ require:'^accordion', // We need this directive to be inside an accordion
+ restrict:'EA',
+ transclude:true, // It transcludes the contents of the directive into the template
+ replace: true, // The element containing the directive will be replaced with the template
+ templateUrl:'template/accordion/accordion-group.html',
+ scope:{ heading:'@' }, // Create an isolated scope and interpolate the heading attribute onto this scope
+ controller: ['$scope', function($scope) {
+ this.setHeading = function(element) {
+ this.heading = element;
+ };
+ }],
+ link: function(scope, element, attrs, accordionCtrl) {
+ var getIsOpen, setIsOpen;
+
+ accordionCtrl.addGroup(scope);
+
+ scope.isOpen = false;
+
+ if ( attrs.isOpen ) {
+ getIsOpen = $parse(attrs.isOpen);
+ setIsOpen = getIsOpen.assign;
+
+ scope.$watch(
+ function watchIsOpen() { return getIsOpen(scope.$parent); },
+ function updateOpen(value) { scope.isOpen = value; }
+ );
+
+ scope.isOpen = getIsOpen ? getIsOpen(scope.$parent) : false;
+ }
+
+ scope.$watch('isOpen', function(value) {
+ if ( value ) {
+ accordionCtrl.closeOthers(scope);
+ }
+ if ( setIsOpen ) {
+ setIsOpen(scope.$parent, value);
+ }
+ });
+ }
+ };
+}])
+
+// Use accordion-heading below an accordion-group to provide a heading containing HTML
+//
+// Heading containing HTML -
+//
+.directive('accordionHeading', function() {
+ return {
+ restrict: 'E',
+ transclude: true, // Grab the contents to be used as the heading
+ template: '', // In effect remove this element!
+ replace: true,
+ require: '^accordionGroup',
+ compile: function(element, attr, transclude) {
+ return function link(scope, element, attr, accordionGroupCtrl) {
+ // Pass the heading to the accordion-group controller
+ // so that it can be transcluded into the right place in the template
+ // [The second parameter to transclude causes the elements to be cloned so that they work in ng-repeat]
+ accordionGroupCtrl.setHeading(transclude(scope, function() {}));
+ };
+ }
+ };
+})
+
+// Use in the accordion-group template to indicate where you want the heading to be transcluded
+// You must provide the property on the accordion-group controller that will hold the transcluded element
+//
\ No newline at end of file
diff --git a/src/buttons/docs/demo.js b/src/buttons/docs/demo.js
index 71bc1880ee..b04546a810 100644
--- a/src/buttons/docs/demo.js
+++ b/src/buttons/docs/demo.js
@@ -1,12 +1,12 @@
-var ButtonsCtrl = function ($scope) {
-
- $scope.singleModel = 1;
-
- $scope.radioModel = 'Middle';
-
- $scope.checkModel = {
- left: false,
- middle: true,
- right: false
- };
+var ButtonsCtrl = function ($scope) {
+
+ $scope.singleModel = 1;
+
+ $scope.radioModel = 'Middle';
+
+ $scope.checkModel = {
+ left: false,
+ middle: true,
+ right: false
+ };
};
\ No newline at end of file
diff --git a/src/buttons/docs/readme.md b/src/buttons/docs/readme.md
index 8bf3c23e32..73ef6003d1 100644
--- a/src/buttons/docs/readme.md
+++ b/src/buttons/docs/readme.md
@@ -1,2 +1,2 @@
-There are 2 directives that can make a group of buttons to behave like a set of checkboxes or radio buttons.
-
+There are 2 directives that can make a group of buttons to behave like a set of checkboxes or radio buttons.
+
diff --git a/src/buttons/test/buttons.spec.js b/src/buttons/test/buttons.spec.js
index 21748457f9..6b2cdd899e 100644
--- a/src/buttons/test/buttons.spec.js
+++ b/src/buttons/test/buttons.spec.js
@@ -1,94 +1,94 @@
-describe('buttons', function () {
-
- var $scope, $compile;
-
- beforeEach(module('ui.bootstrap.buttons'));
- beforeEach(inject(function (_$rootScope_, _$compile_) {
- $scope = _$rootScope_;
- $compile = _$compile_;
- }));
-
- describe('checkbox', function () {
-
- var compileButton = function (markup, scope) {
- var el = $compile(markup)(scope);
- scope.$digest();
- return el;
- };
-
- //model -> UI
- it('should work correctly with default model values', function () {
- $scope.model = false;
- var btn = compileButton('', $scope);
- expect(btn).not.toHaveClass('active');
-
- $scope.model = true;
- $scope.$digest();
- expect(btn).toHaveClass('active');
- });
-
- it('should bind custom model values', function () {
- $scope.model = 1;
- var btn = compileButton('', $scope);
- expect(btn).toHaveClass('active');
-
- $scope.model = 0;
- $scope.$digest();
- expect(btn).not.toHaveClass('active');
- });
-
- //UI-> model
- it('should toggle default model values on click', function () {
- $scope.model = false;
- var btn = compileButton('', $scope);
-
- btn.click();
- expect($scope.model).toEqual(true);
- btn.click();
- expect($scope.model).toEqual(false);
- });
-
- it('should toggle custom model values on click', function () {
- $scope.model = 0;
- var btn = compileButton('', $scope);
-
- btn.click();
- expect($scope.model).toEqual(1);
- btn.click();
- expect($scope.model).toEqual(0);
- });
- });
-
- describe('radio', function () {
-
- var compileButtons = function (markup, scope) {
- var el = $compile('
'+markup+'
')(scope);
- scope.$digest();
- return el.find('button');
- };
-
- //model -> UI
- it('should work correctly set active class based on model', function () {
- var btns = compileButtons('', $scope);
- expect(btns.eq(0)).not.toHaveClass('active');
- expect(btns.eq(1)).not.toHaveClass('active');
-
- $scope.model = 2;
- $scope.$digest();
- expect(btns.eq(0)).not.toHaveClass('active');
- expect(btns.eq(1)).toHaveClass('active');
- });
-
- //UI->model
- it('should work correctly set active class based on model', function () {
- var btns = compileButtons('', $scope);
- expect($scope.model).toBeUndefined();
-
- btns.eq(0).click();
- expect($scope.model).toEqual(1);
-
- btns.eq(1).click();
- expect($scope.model).toEqual(2);
- });
- });
+describe('buttons', function () {
+
+ var $scope, $compile;
+
+ beforeEach(module('ui.bootstrap.buttons'));
+ beforeEach(inject(function (_$rootScope_, _$compile_) {
+ $scope = _$rootScope_;
+ $compile = _$compile_;
+ }));
+
+ describe('checkbox', function () {
+
+ var compileButton = function (markup, scope) {
+ var el = $compile(markup)(scope);
+ scope.$digest();
+ return el;
+ };
+
+ //model -> UI
+ it('should work correctly with default model values', function () {
+ $scope.model = false;
+ var btn = compileButton('', $scope);
+ expect(btn).not.toHaveClass('active');
+
+ $scope.model = true;
+ $scope.$digest();
+ expect(btn).toHaveClass('active');
+ });
+
+ it('should bind custom model values', function () {
+ $scope.model = 1;
+ var btn = compileButton('', $scope);
+ expect(btn).toHaveClass('active');
+
+ $scope.model = 0;
+ $scope.$digest();
+ expect(btn).not.toHaveClass('active');
+ });
+
+ //UI-> model
+ it('should toggle default model values on click', function () {
+ $scope.model = false;
+ var btn = compileButton('', $scope);
+
+ btn.click();
+ expect($scope.model).toEqual(true);
+ btn.click();
+ expect($scope.model).toEqual(false);
+ });
+
+ it('should toggle custom model values on click', function () {
+ $scope.model = 0;
+ var btn = compileButton('', $scope);
+
+ btn.click();
+ expect($scope.model).toEqual(1);
+ btn.click();
+ expect($scope.model).toEqual(0);
+ });
+ });
+
+ describe('radio', function () {
+
+ var compileButtons = function (markup, scope) {
+ var el = $compile('
'+markup+'
')(scope);
+ scope.$digest();
+ return el.find('button');
+ };
+
+ //model -> UI
+ it('should work correctly set active class based on model', function () {
+ var btns = compileButtons('', $scope);
+ expect(btns.eq(0)).not.toHaveClass('active');
+ expect(btns.eq(1)).not.toHaveClass('active');
+
+ $scope.model = 2;
+ $scope.$digest();
+ expect(btns.eq(0)).not.toHaveClass('active');
+ expect(btns.eq(1)).toHaveClass('active');
+ });
+
+ //UI->model
+ it('should work correctly set active class based on model', function () {
+ var btns = compileButtons('', $scope);
+ expect($scope.model).toBeUndefined();
+
+ btns.eq(0).click();
+ expect($scope.model).toEqual(1);
+
+ btns.eq(1).click();
+ expect($scope.model).toEqual(2);
+ });
+ });
});
\ No newline at end of file
diff --git a/src/modal/docs/demo.html b/src/modal/docs/demo.html
index 064e7339fe..524bf8bf95 100644
--- a/src/modal/docs/demo.html
+++ b/src/modal/docs/demo.html
@@ -1,16 +1,16 @@
-
-
-
-
-
I'm a modal!
-
-
-
-
{{item}}
-
-
-
-
+
+
+
+
+
I'm a modal!
+
+
+
+
{{item}}
+
+
+
+
\ No newline at end of file
diff --git a/src/pagination/docs/demo.html b/src/pagination/docs/demo.html
index bb7e608676..92e1dfc07c 100644
--- a/src/pagination/docs/demo.html
+++ b/src/pagination/docs/demo.html
@@ -1,9 +1,9 @@
-
\ No newline at end of file
diff --git a/src/pagination/docs/demo.js b/src/pagination/docs/demo.js
index 4dc192121f..e80756526f 100644
--- a/src/pagination/docs/demo.js
+++ b/src/pagination/docs/demo.js
@@ -1,9 +1,9 @@
-var PaginationDemoCtrl = function ($scope) {
- $scope.noOfPages = 7;
- $scope.currentPage = 4;
- $scope.maxSize = 5;
-
- $scope.setPage = function (pageNo) {
- $scope.currentPage = pageNo;
- };
-};
+var PaginationDemoCtrl = function ($scope) {
+ $scope.noOfPages = 7;
+ $scope.currentPage = 4;
+ $scope.maxSize = 5;
+
+ $scope.setPage = function (pageNo) {
+ $scope.currentPage = pageNo;
+ };
+};
diff --git a/src/pagination/docs/readme.md b/src/pagination/docs/readme.md
index b40617116f..b4fab8b7f0 100644
--- a/src/pagination/docs/readme.md
+++ b/src/pagination/docs/readme.md
@@ -1,5 +1,5 @@
-A lightweight pagination directive that is focused on ... providing pagination!
-
-It will take care of visualising a pagination bar. Additionally it will make sure that the state (enabled / disabled) of the Previous / Next and First / Last buttons (if exist) is maintained correctly.
-
+A lightweight pagination directive that is focused on ... providing pagination!
+
+It will take care of visualising a pagination bar. Additionally it will make sure that the state (enabled / disabled) of the Previous / Next and First / Last buttons (if exist) is maintained correctly.
+
It also provides optional attribute max-size to limit the size of pagination bar.
\ No newline at end of file
diff --git a/src/position/position.js b/src/position/position.js
index c62c12b210..d5200a4076 100644
--- a/src/position/position.js
+++ b/src/position/position.js
@@ -1,79 +1,79 @@
-angular.module('ui.bootstrap.position', [])
-
-/**
- * A set of utility methods that can be use to retrieve position of DOM elements.
- * It is meant to be used where we need to absolute-position DOM elements in
- * relation to other, existing elements (this is the case for tooltips, popovers,
- * typeahead suggestions etc.).
- */
- .factory('$position', ['$document', '$window', function ($document, $window) {
-
- function getStyle(el, cssprop) {
- if (el.currentStyle) { //IE
- return el.currentStyle[cssprop];
- } else if ($window.getComputedStyle) {
- return $window.getComputedStyle(el)[cssprop];
- }
- // finally try and get inline style
- return el.style[cssprop];
- }
-
- /**
- * Checks if a given element is statically positioned
- * @param element - raw DOM element
- */
- function isStaticPositioned(element) {
- return (getStyle(element, "position") || 'static' ) === 'static';
- }
-
- /**
- * returns the closest, non-statically positioned parentOffset of a given element
- * @param element
- */
- var parentOffsetEl = function (element) {
- var docDomEl = $document[0];
- var offsetParent = element.offsetParent || docDomEl;
- while (offsetParent && offsetParent !== docDomEl && isStaticPositioned(offsetParent) ) {
- offsetParent = offsetParent.offsetParent;
- }
- return offsetParent || docDomEl;
- };
-
- return {
- /**
- * Provides read-only equivalent of jQuery's position function:
- * http://api.jquery.com/position/
- */
- position: function (element) {
- var elBCR = this.offset(element);
- var offsetParentBCR = { top: 0, left: 0 };
- var offsetParentEl = parentOffsetEl(element[0]);
- if (offsetParentEl != $document[0]) {
- offsetParentBCR = this.offset(angular.element(offsetParentEl));
- offsetParentBCR.top += offsetParentEl.clientTop;
- offsetParentBCR.left += offsetParentEl.clientLeft;
- }
-
- return {
- width: element.prop('offsetWidth'),
- height: element.prop('offsetHeight'),
- top: elBCR.top - offsetParentBCR.top,
- left: elBCR.left - offsetParentBCR.left
- };
- },
-
- /**
- * Provides read-only equivalent of jQuery's offset function:
- * http://api.jquery.com/offset/
- */
- offset: function (element) {
- var boundingClientRect = element[0].getBoundingClientRect();
- return {
- width: element.prop('offsetWidth'),
- height: element.prop('offsetHeight'),
- top: boundingClientRect.top + ($window.pageYOffset || $document[0].body.scrollTop),
- left: boundingClientRect.left + ($window.pageXOffset || $document[0].body.scrollLeft)
- };
- }
- };
- }]);
+angular.module('ui.bootstrap.position', [])
+
+/**
+ * A set of utility methods that can be use to retrieve position of DOM elements.
+ * It is meant to be used where we need to absolute-position DOM elements in
+ * relation to other, existing elements (this is the case for tooltips, popovers,
+ * typeahead suggestions etc.).
+ */
+ .factory('$position', ['$document', '$window', function ($document, $window) {
+
+ function getStyle(el, cssprop) {
+ if (el.currentStyle) { //IE
+ return el.currentStyle[cssprop];
+ } else if ($window.getComputedStyle) {
+ return $window.getComputedStyle(el)[cssprop];
+ }
+ // finally try and get inline style
+ return el.style[cssprop];
+ }
+
+ /**
+ * Checks if a given element is statically positioned
+ * @param element - raw DOM element
+ */
+ function isStaticPositioned(element) {
+ return (getStyle(element, "position") || 'static' ) === 'static';
+ }
+
+ /**
+ * returns the closest, non-statically positioned parentOffset of a given element
+ * @param element
+ */
+ var parentOffsetEl = function (element) {
+ var docDomEl = $document[0];
+ var offsetParent = element.offsetParent || docDomEl;
+ while (offsetParent && offsetParent !== docDomEl && isStaticPositioned(offsetParent) ) {
+ offsetParent = offsetParent.offsetParent;
+ }
+ return offsetParent || docDomEl;
+ };
+
+ return {
+ /**
+ * Provides read-only equivalent of jQuery's position function:
+ * http://api.jquery.com/position/
+ */
+ position: function (element) {
+ var elBCR = this.offset(element);
+ var offsetParentBCR = { top: 0, left: 0 };
+ var offsetParentEl = parentOffsetEl(element[0]);
+ if (offsetParentEl != $document[0]) {
+ offsetParentBCR = this.offset(angular.element(offsetParentEl));
+ offsetParentBCR.top += offsetParentEl.clientTop;
+ offsetParentBCR.left += offsetParentEl.clientLeft;
+ }
+
+ return {
+ width: element.prop('offsetWidth'),
+ height: element.prop('offsetHeight'),
+ top: elBCR.top - offsetParentBCR.top,
+ left: elBCR.left - offsetParentBCR.left
+ };
+ },
+
+ /**
+ * Provides read-only equivalent of jQuery's offset function:
+ * http://api.jquery.com/offset/
+ */
+ offset: function (element) {
+ var boundingClientRect = element[0].getBoundingClientRect();
+ return {
+ width: element.prop('offsetWidth'),
+ height: element.prop('offsetHeight'),
+ top: boundingClientRect.top + ($window.pageYOffset || $document[0].body.scrollTop),
+ left: boundingClientRect.left + ($window.pageXOffset || $document[0].body.scrollLeft)
+ };
+ }
+ };
+ }]);
diff --git a/src/position/test/test.html b/src/position/test/test.html
index 4bdaca490e..5076e9b30c 100644
--- a/src/position/test/test.html
+++ b/src/position/test/test.html
@@ -1,118 +1,118 @@
-
-
-
-
-
-
-
-
-
-
-
Within body
-
-
Content
-
-
Within statically positioned DIV
-
-
-
Content
-
-
-
Within relative-positioned DIV - position specified in CSS
-
-
-
Content
-
-
-
Within relative-positioned DIV
-
-
-
Content
-
-
-
Within absolute-positioned DIV
-
-
-
Content
-
-
-
Next to a float element
-
-
-
Content
-
-
-
Within a table
-
-
-
Some other content
-
-
Content
-
-
-
-
-
Within a table that is inside a relative-positioned DIV
-
-
-
-
-
Some other content
-
-
Content
-
-
-
-
-
-
Inside looong text
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non velit nulla. Suspendisse sit amet tempus diam. Sed at ultricies neque. Suspendisse id felis a sem placerat ornare. Donec auctor, purus at molestie tempor, arcu enim molestie lacus, ac imperdiet massa urna eu massa. Praesent velit tellus, scelerisque a fermentum ut, ornare in diam. Phasellus egestas molestie feugiat. Vivamus sit amet viverra metus.
-
Etiam ultricies odio commodo erat ullamcorper sodales. Nullam ac dui ac libero dictum mollis. Quisque convallis adipiscing facilisis. In nec nisi velit, id auctor lectus. Cras interdum urna non felis lacinia vulputate. Integer dignissim, mi aliquam gravida auctor, massa odio cursus lorem, eu ultrices eros nisl tempus diam. Maecenas tristique pellentesque nisi sed adipiscing. Aenean hendrerit sapien quis arcu lobortis vitae pulvinar ante volutpat. Morbi consectetur erat eu lacus facilisis eu ullamcorper orci euismod. Quisque diam dui, interdum in suscipit et, fringilla non justo. Pellentesque non nibh odio. Proin sit amet massa sem.
-
Nam in urna erat, at congue nisi. Donec eu tellus lorem, sed facilisis tellus. Aliquam suscipit faucibus ipsum, at hendrerit metus interdum at. Integer et eros ac lacus vulputate sagittis quis quis erat. Suspendisse consectetur vehicula purus vitae imperdiet. Suspendisse in augue magna, quis imperdiet enim. Nullam non diam ac erat auctor bibendum. Praesent ante mauris, egestas sit amet molestie sed, tristique at lorem. Nam at mi ac nisl venenatis semper nec eget mi. Pellentesque a lectus ac leo feugiat suscipit. Quisque tristique dui nec urna placerat a viverra mi iaculis. Ut et tellus et turpis sagittis iaculis nec eu magna. Sed quis nunc non arcu tincidunt ultricies viverra id mauris.
-
Curabitur luctus rutrum ultricies. Aenean ut rutrum orci. Sed molestie lorem in leo cursus id feugiat nisi scelerisque. Maecenas pulvinar neque nec lacus feugiat dictum. Donec viverra felis nec nisi mollis feugiat. Phasellus vehicula, ligula at mattis porttitor, sapien urna hendrerit quam, at fringilla nisl quam vel elit. In eu lacus ligula. Praesent eget gravida nisl. Suspendisse velit diam, pellentesque a tempus quis, vestibulum vel leo.
-
Maecenas feugiat ultrices laoreet. Sed congue posuere diam ac faucibus. Pellentesque eget leo ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed nec quam eu tellus sagittis cursus a sit amet eros. Mauris sit amet orci at orci vulputate commodo ut ut nunc. Etiam sagittis erat ut nisi ultricies feugiat. Morbi sed eros nisi. Cras vitae augue in risus aliquet commodo non id est.
-
HERE
-
Maecenas laoreet nisi pretium elit bibendum eget tempor nunc aliquet. Vivamus interdum nisi sit amet tortor fermentum congue. Suspendisse at posuere erat. Aliquam hendrerit ultricies nunc non adipiscing. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis molestie viverra nulla a aliquet. Nullam non eros vel sem vehicula suscipit. Ut sit amet arcu ac tortor dignissim viverra in a ligula.
-
-
-
Within fixed div
-
Content
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
Within body
+
+
Content
+
+
Within statically positioned DIV
+
+
+
Content
+
+
+
Within relative-positioned DIV - position specified in CSS
+
+
+
Content
+
+
+
Within relative-positioned DIV
+
+
+
Content
+
+
+
Within absolute-positioned DIV
+
+
+
Content
+
+
+
Next to a float element
+
+
+
Content
+
+
+
Within a table
+
+
+
Some other content
+
+
Content
+
+
+
+
+
Within a table that is inside a relative-positioned DIV
+
+
+
+
+
Some other content
+
+
Content
+
+
+
+
+
+
Inside looong text
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non velit nulla. Suspendisse sit amet tempus diam. Sed at ultricies neque. Suspendisse id felis a sem placerat ornare. Donec auctor, purus at molestie tempor, arcu enim molestie lacus, ac imperdiet massa urna eu massa. Praesent velit tellus, scelerisque a fermentum ut, ornare in diam. Phasellus egestas molestie feugiat. Vivamus sit amet viverra metus.
+
Etiam ultricies odio commodo erat ullamcorper sodales. Nullam ac dui ac libero dictum mollis. Quisque convallis adipiscing facilisis. In nec nisi velit, id auctor lectus. Cras interdum urna non felis lacinia vulputate. Integer dignissim, mi aliquam gravida auctor, massa odio cursus lorem, eu ultrices eros nisl tempus diam. Maecenas tristique pellentesque nisi sed adipiscing. Aenean hendrerit sapien quis arcu lobortis vitae pulvinar ante volutpat. Morbi consectetur erat eu lacus facilisis eu ullamcorper orci euismod. Quisque diam dui, interdum in suscipit et, fringilla non justo. Pellentesque non nibh odio. Proin sit amet massa sem.
+
Nam in urna erat, at congue nisi. Donec eu tellus lorem, sed facilisis tellus. Aliquam suscipit faucibus ipsum, at hendrerit metus interdum at. Integer et eros ac lacus vulputate sagittis quis quis erat. Suspendisse consectetur vehicula purus vitae imperdiet. Suspendisse in augue magna, quis imperdiet enim. Nullam non diam ac erat auctor bibendum. Praesent ante mauris, egestas sit amet molestie sed, tristique at lorem. Nam at mi ac nisl venenatis semper nec eget mi. Pellentesque a lectus ac leo feugiat suscipit. Quisque tristique dui nec urna placerat a viverra mi iaculis. Ut et tellus et turpis sagittis iaculis nec eu magna. Sed quis nunc non arcu tincidunt ultricies viverra id mauris.
+
Curabitur luctus rutrum ultricies. Aenean ut rutrum orci. Sed molestie lorem in leo cursus id feugiat nisi scelerisque. Maecenas pulvinar neque nec lacus feugiat dictum. Donec viverra felis nec nisi mollis feugiat. Phasellus vehicula, ligula at mattis porttitor, sapien urna hendrerit quam, at fringilla nisl quam vel elit. In eu lacus ligula. Praesent eget gravida nisl. Suspendisse velit diam, pellentesque a tempus quis, vestibulum vel leo.
+
Maecenas feugiat ultrices laoreet. Sed congue posuere diam ac faucibus. Pellentesque eget leo ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed nec quam eu tellus sagittis cursus a sit amet eros. Mauris sit amet orci at orci vulputate commodo ut ut nunc. Etiam sagittis erat ut nisi ultricies feugiat. Morbi sed eros nisi. Cras vitae augue in risus aliquet commodo non id est.
+
HERE
+
Maecenas laoreet nisi pretium elit bibendum eget tempor nunc aliquet. Vivamus interdum nisi sit amet tortor fermentum congue. Suspendisse at posuere erat. Aliquam hendrerit ultricies nunc non adipiscing. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis molestie viverra nulla a aliquet. Nullam non eros vel sem vehicula suscipit. Ut sit amet arcu ac tortor dignissim viverra in a ligula.
\ No newline at end of file
diff --git a/template/typeahead/typeahead.html b/template/typeahead/typeahead.html
index d535f0e438..2a7b9d7725 100644
--- a/template/typeahead/typeahead.html
+++ b/template/typeahead/typeahead.html
@@ -1,5 +1,5 @@
-