I’m working with a page that has a bit of a complicated modal situation happening in one section. Ideally, the following should happen:
- users would hover over a callout which is placed over a photo
- on hover a item preview should appear (pulling from a collection list) with a “view item” button within the hover window.
- upon clicking the “view item” button, a modal window (fixed position) would appear, taking over the entire viewport
My issue right now is that the fixed modal window isn’t behaving as fixed. it begins at the edge of its parent element instead of breaking page flow, and scrolls with the page.
Read Only Link (sorry in advance that this is so poorly organized):
Here’s where the problem is:
Any help is very greatly appreciated!