No scrolling for scripting area in Elemental

[iamunknown2]

See above (using Firefox 52 on Ubuntu Linux).

I think I can make a quick PR to fix this issue.

[mrjacobbloom]

note: this is incompatible with tutorials

[iamunknown2]

note: this is incompatible with tutorials

The only glitch I see is the topBar being pushed upwards in the tutorial for some reason. Is that what you're talking about?

If that's the case, this might be helpful.

[mrjacobbloom]

That's the issue I'm talking about. If the window is small enough that you have the blocks area scrolled during the tutorial, the lightbox doesn't line up with the highlighted element anymore.

Also, after this PR, dragged blocks seem to be be behind the palette again (a la #216)

We might wanna roll back #251 and try again (preferably after #249 is merged)? @Firedrake969

[iamunknown2]

Anyone got any idea why the glitch occurs? Is it because of intro.js?

[iamunknown2]

It seems that the glitch occurs whenever the highlighting pane moves to the <div class="rightSide introjs-showElement introjs-relativePosition"> section of the page.

[mrjacobbloom]

Intro.js just can't handle scrolled panes, I don't know anything beyond that... but we could probably modify the intro.js code to take element scroll position into account

[benajaero]

Why not put a container around it for introjs? Then introjs will just work on the container.

[benajaero]

Is this the same issue?
usablica/intro.js#210