Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[question] non-blocking modal #167

Closed
green3g opened this issue Mar 13, 2017 · 8 comments
Closed

[question] non-blocking modal #167

green3g opened this issue Mar 13, 2017 · 8 comments
Labels

Comments

@green3g
Copy link

green3g commented Mar 13, 2017

Is it possible to create a non-blocking modal? One where the modal is displayed, but the content underneath would still be interact-able?

@picturepan2
Copy link
Owner

@roemhildtg You mean Popovers?

@TigersWay
Copy link

That wouldn't be a model anymore, right?

@TigersWay
Copy link

Model..... Greer

@picturepan2
Copy link
Owner

dropbox

I take this Dropbox onboard tips as an example (It is a Popover). Is it what you want?

@green3g
Copy link
Author

green3g commented Mar 14, 2017

I'm actually trying to use the modal component, but allow users to click the content behind the modal.

@green3g
Copy link
Author

green3g commented Mar 14, 2017

Basically I have a web map that displays info in a modal when the map is clicked. But I'd still like to be able to move the map when the modal is open. (red arrow from screenshot below).
This map, however, is currently covered by the element: <div class="modal active">, so clicking and dragging on the map area doesn't work. Does that make sense?
image

@picturepan2
Copy link
Owner

@roemhildtg Ahh, you can just remove the modal and modal-overlay divs and keep the modal-container. Use your JS to position modal-container div.

@green3g
Copy link
Author

green3g commented Mar 15, 2017

Ahh, of course. That was easy.

@green3g green3g closed this as completed Mar 15, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants