Add option for <Spin> to spinning in the center of the visible part of div instead of geometrical center.

[abonec]

I have a very high table and when processing of this table I activate Spin. But because it is very high table spinner is located in the geometrical center of that table and user can't see it. Can you add an option to show spinner in the center of the visible area instead of geometrical? Or option to disable spinning at all - just to blur the element.

[afc163]

You can set style.height of Spin to change spinner position.

http://codepen.io/anon/pen/ggxjor?editors=001

[abonec]

I changed this example to real world one where I have long content without predefined height and this approach doesn't work.
http://codepen.io/anon/pen/rjzrKq?editors=001

[afc163]

Just fix the height: http://codepen.io/anon/pen/jyLvMv?editors=001

[abonec]

I see that bottom text is in the wrong position but it doesn't matter because this approach can't show spinner in the position when the user is scrolled.

If user trigger spinner in the middle of that block user won't see it. It should be a dynamic approach in the spinner component by the option.

[afc163]

Use className is a better way: http://codepen.io/anon/pen/rjzrKq?editors=0110

[afc163]

I will consider that and you can try to propose a PR if you have nice solution.

[abonec]

I mediocre frontend developer and even worse html\css developer. I just use your nice components.

[afc163]

Added a max-height limit for big height content.

[lock]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.