placement |
Where to try to open content in relation to opener |
'bottom' |
arrow |
Toggles arrow rendering |
true |
offset |
Determines distance between reference and content |
12 |
noPadding |
Disables padding on popup |
false |
closeOnOutsideClick |
Closes on clicking anywhere but on the content |
true |
closeOnEscPress |
Closes by pressing ESC key |
true |
autoClose |
Automatically closes the popup after a timeout |
false |
elementToFocusOnOpen |
Determines to which HTMLElement should be in focus after open |
null |
elementToFocusOnClose |
Determines to which HTMLElement should be in focus after close |
opener |
loopFocus |
Makes focus to jump back to the start instead of closing the popup |
false |
matchOpenerWidth |
Sets the width of contentElement to the same as openerElement dynamically |
false |
type |
Sets the type of the popup (info, warning, success, error) |
'' |
onBeforeOpen |
Function to run before internal open logic |
(opener, content) => {} |
onAfterOpen |
Function to run after internal open logic |
(opener, content) => {} |
onBeforeClose |
Function to run before internal close logic |
(opener, content) => {} |
onAfterClose |
Function to run after internal close logic |
(opener, content) => {} |
onOutsideClickClose |
Function to run after the popup was closed by clicking outside |
(opener, content) => {} |
onEscPressClose |
Function to run after the popup was closed by an escape press |
(opener, content) => {} |
onFocusOutForward |
Function to run if the popup is closed by forward tabbing |
(opener, content) => {} |
onFocusOutBackward |
Function to run if the popup is closed by backward tabbing |
(opener, content) => {} |