[Consumer] Can't view an event in mobile.

[aaronsalmon]

when on your phone:

1. navigate to a date that has an event pin
2. click the pin to open the popup.

the popup flashes open for a moment and closes/disappears.

[aaronsalmon]

this is the highest priority issue I found so far. currently unusable on a phone.

[AnthonyAstige]

Reproducible on desktop by making a very short browser window. Roughly speaking it looks like if the title + image don't fit on screen, the popup auto-closes.

[levifelling]

From what I can tell the marker click event attempts to pan the map such that the popup is visible, but because the popup window is too large to fit on the screen it pans the marker off the visible map, which is triggering the close popup event.

options:

1. switch from popup to modal dialog (fixed size & location)
2. fix popup size, add inner scrollbars for overflow content

other ideas?

[AnthonyAstige]

@levifelling Ah good explanation, that sounds very likely the cause

option (I'm not sure if this is easily possible):

4. Make auto closing trigger less aggressive (it appears the pin can be off the map a little before closing already, but we need it further).

option (Though I think bad):

3. Disable auto-pan

[levifelling]

added maxHeight constraint to popup https://github.com/codeforeauclaire/foodtrucks/commit/22cda99299b57a0019325e5af245805263ca30dc

[AnthonyAstige]

RE - 22cda99

1. Edge case: when resizing the browser window from large to small, original bug still appears (as height is only calculated at start)
2. Math of screen size / 3 is a bit oversimplistic not using all available space (see screenshot below)