<juicy-popover>

<juicy-popover>is a (vanilla) Custom Element that expands an area when clicked on a handle.

It is flexible enough to be used to create dropdowns, combo boxes, tooltips, etc.

See README.md for docs

Sample combo box (automatic position)

Sample expandable menu

position="bottom left, bottom beforeright" (fallback positions separated by a comma)

position="middle center"

position="top beforeleft"

position="beforetop center"

position="top left"

position="top right"

position="beforetop beforeleft"

position="beforetop left"

position="beforetop right"

position="bottom beforeleft"

position="bottom left"

position="bottom center"

position="bottom right"