juicy / juicy-popover Goto Github PK
View Code? Open in Web Editor NEWCustom Element that expands an area when clicked on a handle
Home Page: http://juicy.github.io/juicy-popover
License: MIT License
Custom Element that expands an area when clicked on a handle
Home Page: http://juicy.github.io/juicy-popover
License: MIT License
Add new positions: beforetop center
and bottom center
cc @pileqrai
Use the element with a standard setup. The hard-coded z-index value for the expandable element can be too restrictive for some usage.
We may need to increase its value or decrease it.
z-index on the expandable CSS id can be customize to match the application context.
z-index is hard-coded to 999.
Are there any plans to update to be module based?
Hello.
It seems that the bower package has a problem.
$ bower install juicy-popover --save
bower invalid-meta The "name" is recommended to be lowercase, can contain digits, dots, dashes
bower ENOTFOUND Package juicy-popover not found
Al the best,
Hervé
Right now, when I click on the body of the expandable, unless on an <input>
element, the expandable collapses.
It should only collapse when clicked outside.
I propose to change
juicy-popover/src/juicy-popover.html
Lines 217 to 219 in a62e431
this.ignore = true;
Currently, juicy-popover
expands on mousedown
event and collapses on mousedown
outside.
Add a new attribute expand-event
(and perhaps collapse-event
?) that allows to specify alternative events, such as mouseover
(mouseenter
?)
cc @pilqerai
It would be good to have a test suite, even basic one, like for other Juicy elements
This custom element has a variant of the following line:
var script = document._currentScript || document.currentScript;
var template = script.previousElementSibling;
document._currentScript
was only needed in IE11, but Starcounter does not support that browser anymore.
Therefore, this code can be simplified to:
var template = document.currentScript.previousElementSibling;
If we want to drop support for IE11.
This repo uses .bowerrc
file which causes it to act arcane - when you type bower install
, the dependencies get installed in the parent directory.
Proposed solution - remove .bowerrc
and recommend using polyserve
.
Same thing was done in Juicy/juicy-select#8
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.