Set css `relative` instead of `fixed` when setting parentSelector not attaching

[coreyzev]

The loading-bar itself seemed to be stuck on the body no matter what I did. I spent probably an hour or more trying to troubleshoot why...

I finally figured out if i just set this:

#loading-bar .bar {
  position: relative;
}

Then the loading bar finally go where I tell it to. You should probably add this in as a conditional inline css.

[faceleg]

Sorry but from your description I don't have much of an idea about what you'd like changed.

[paulbdavis]

@coreyzev You can add the CSS you mentioned by just adding it to the head or in any CSS file you control that loads after the CSS for the loading bar.

@faceleg

He is referring to this line https://github.com/chieffancypants/angular-loading-bar/blob/master/src/loading-bar.css#L34

Changing position: fixed to position: relative allows the loading bar to be placed after the first child of the selector element. Changing this directly will probably mess up the default implementation though, hence my suggestion of just adding it in to the page's custom CSS

[paulhauner]

I have had a lot of trouble setting the position.
Adding the code @coreyzev suggested to my custom CSS got it working for me too .

[chieffancypants]

Agree with @paulbdavis. It's simple to override in your own CSS, so I don't want to change our defaults unless there's an actual bug

[coreyzev]

The bug is in the description then. The description says you can move where the loading bar appears with that class. But it doesn't. And if you have the loading circle gif hidden, then it just looks like something is broken when you set that option.

Until you change the css.

Hence the feeling of a bug.