Visual glitches when a stack reaches past the bottom

[Ezra]

When a single card is dragged all around to the edges of the play area, it stays inside very nicely. But when a stack of two or more cards is dragged to the bottom edge of the screen, the layout goes wonky - the rightmost pile teleports south of the other seven piles, the dragged pile moves a substantial distance southwest of the cursor, and a scroll bar appears.

Similarly, if the window is too left-right narrow, a lovely horizontal scroll appears and works just fine. But if the window is too short, or if a very tall stack is constructed and reaches off the bottom of the screen, the rightmost pile again teleports, etc.

For dragging it can be straightforwardly worked around by not dragging there, but for tall piles the layout glitch can persist until the tall pile can be disassembled (and can substantially interfere with that disassembly).

I don't know if this has more to do with the actual Myrmex code or with the interact.js, but I figured I'd raise the issue. Overall this is a very slick implementation and I'm quite impressed!

[Ezra]

Oh, and:

• Firefox Quantum 65.0.1 (64-bit)
• Windows 10 Home version 1803 build 17134.590
• HP Spectre x360 Convertible 13-ap0xxx

[Ezra]

And here's an example of a too-tall pile (this one happens to also be the rightmost).

[Ezra]

This issue can be circumvented (in the above Windows configuration, at least) by increasing the width of the "playarea" by 15 pixels, creating enough room for a scroll bar should one be required.

[mcdemarco]

Fixed in v.1.3.3.