Only append bar to the first body element

osbornebrook · osbornebrook · commit 898f68829d90 · 2014-09-10T14:32:15.000+01:00
In the case where one is using an svg diagram with a foreign object element which contains it's own self-contained html DOM, the progress bar was being applied to all of them. Resulting in many loading bars.
This patch restricts the selector to only find one element, which will the first.
diff --git a/src/loading-bar.js b/src/loading-bar.js
@@ -181,7 +181,7 @@ angular.module('cfp.loadingBar', [])
           $animate = $injector.get('$animate');
         }
 
-        var $parent = $document.find($parentSelector);
+        var $parent = $document.find($parentSelector).eq(0);
         $timeout.cancel(completeTimeout);
 
         // do not continually broadcast the started event:

Original file line number	Diff line number	Diff line change
`@@ -181,7 +181,7 @@ angular.module('cfp.loadingBar', [])`
`181`	`181`	`$animate = $injector.get('$animate');`
`182`	`182`	`}`
`183`	`183`
`184`		`- var $parent = $document.find($parentSelector);`
	`184`	`+ var $parent = $document.find($parentSelector).eq(0);`
`185`	`185`	`$timeout.cancel(completeTimeout);`
`186`	`186`
`187`	`187`	`// do not continually broadcast the started event:`