domv-popup
Display DOM elements with fixed position (a popup) relative to an "owning" element. This is a neat workaround for stacking context limitations in CSS (z-index, overflow:hidden, et cetera)
This is a CommonJS module, you will need to use browserify.
Usage
Each Popup
instance is a simple <div>
element with fixed positioning (position:fixed
). This popup will be positioned relative to a specified owner
element. If the owner element changes position for whatever reason (window resize, scrolling, style changes by javascript, et cetera), so will the popup. The popup will also receive a max-width and max-height to prevent it from going outside the browser viewport.
Example:
var domv = ;var Popup = ;var doc = domv;var myButton = doc;var myPopup;var myPopupVisible = false; // Toggle button to open/close the popupmyButton;