next-project icon indicating copy to clipboard operation
next-project copied to clipboard

Modal views - tooltips, dropdowns, pop-overs, dialog boxes, & notifications

Open desandro opened this issue 9 years ago • 32 comments

Creating a tooltip or dropdown or pop-over or notification library is easy enough. But I find a lot of sites get in trouble when using these patterns all together. Modals don't close when you click out of them. A dropdown appears underneath a pop-over. Modals appear on top of modals, or wipe out modals underneath. And z-index values grow astronomically. It can get ugly.

This library will provide a comprehensive solution for modal views. Developers will be able to use tooltips, dropdowns, pop-overs, notifications, and dialog boxes all together without having to worry about how they work.

Add your +1 if you'd like to see Metafizzy release this Modal views library.

desandro avatar Jan 22 '16 16:01 desandro

+20000

ghost avatar Jan 24 '16 19:01 ghost

+1

gabekelley avatar Jan 26 '16 15:01 gabekelley

https://m.popkey.co/dcd462/w6zLz.gif

joeyfigaro avatar Jan 26 '16 15:01 joeyfigaro

+1

coryetzkorn avatar Jan 26 '16 15:01 coryetzkorn

+1

justinjaywang avatar Jan 26 '16 15:01 justinjaywang

+1

mattclough1 avatar Jan 26 '16 17:01 mattclough1

+1

Rowdyrobot avatar Jan 27 '16 23:01 Rowdyrobot

@joeyfigaro Just curious. Where is that GIF from?

ghost avatar Jan 28 '16 12:01 ghost

+1

nickcotton avatar Jan 28 '16 19:01 nickcotton

+1

Wolfr avatar Jan 29 '16 15:01 Wolfr

+1

moeamaya avatar Jan 30 '16 19:01 moeamaya

+1

seanislegend avatar Feb 03 '16 00:02 seanislegend

👍

louije avatar Feb 03 '16 07:02 louije

+1

benoitgrelard avatar Feb 03 '16 10:02 benoitgrelard

@eshansingh it's from invader zim! Also, found it via popkey.

joeyfigaro avatar Feb 03 '16 20:02 joeyfigaro

+1

marczking avatar Feb 03 '16 22:02 marczking

+1

IE-Dev avatar Feb 08 '16 13:02 IE-Dev

+1

jamielovelace avatar Feb 15 '16 09:02 jamielovelace

+1

MikeMcChillin avatar Feb 19 '16 04:02 MikeMcChillin

+1

downFast avatar Mar 08 '16 14:03 downFast

+1

gyopiazza avatar Mar 15 '16 15:03 gyopiazza

+1

dcooney avatar Mar 15 '16 21:03 dcooney

+1

kerelist avatar Mar 15 '16 21:03 kerelist

+1

howells avatar Mar 17 '16 00:03 howells

+1

aghouseh avatar Mar 23 '16 23:03 aghouseh

+1

hisnameisjimmy avatar May 02 '16 19:05 hisnameisjimmy

Be sure to check out Modaal for a great example of building modals with accessibility — https://github.com/humaan/Modaal

maxfenton avatar Jul 11 '16 19:07 maxfenton

hi if you will about to develop this plugin, please make sure that, during view on mobile or tablet device, it able to zoom in well which most of the modal can't work well on this part. by the way, +99999!!!

rae0724 avatar Aug 25 '16 06:08 rae0724

+1

tomhooijenga avatar Nov 14 '16 22:11 tomhooijenga

+1

JosephusPaye avatar Dec 08 '16 01:12 JosephusPaye