Comments (11)
Actually, I think it will be awesome also to control the position of the color picker relative to the origin. I suggest Popper js for this task. It will be really great ability.
from pickr.
Okay, that's right. I will, in the next days, implement a feature which will take care about the main things like position updating if it goes out of bounds. Greate idea!
from pickr.
Yeah, I've added it in dd7f389.
I'ts currently in no release (or on npm) but if you want to use it you can clone / download the minified files :). (I build the dist files on every commit)
from pickr.
Finally it's possible, added in 76d2041. Its part of version 0.1.2
, see appendToBody
option.
from pickr.
Hey, thanks!
Not yet, but I will try to find a workaround.
Any ideas / suggestions are welcome!
from pickr.
Yeah, but I don't really want a dependency with, on top of that, a size of about ~20kb (Minified). That would be bigger than the compressed pickr.js. What do you mean exactly with
I think it will be awesome also to control the position of the color picker relative to the origin.
If you mean the position relative to the button, you can use default css, the button has position: relative
from pickr.
Yes, that's what I meant. I know, but with Popper, for example, it will give you an API to manage this and will also take care to update the position if the content doesn't fit. But I see your concern.
from pickr.
Awesome, thanks!
from pickr.
Is it appended to the body, now?
from pickr.
Not yet, but it is in consideration.
from pickr.
Wow, this is great. Thanks!!
from pickr.
Related Issues (20)
- Make palette accessible HOT 1
- Color of opacity Slider should not be Black everytime HOT 2
- Conflict between clear and change events HOT 2
- Help getting set up HOT 9
- github dependabot security
- How to add a Custom Template below the color Pickr
- input not working in bootstrap 5 modal HOT 4
- how to drag HOT 1
- Error - Property 'app' does not exist on type 'object'. HOT 1
- How set title at top of color picker dialog?
- hope when modifying the transparency option, the transparency of the pcr-palette area remains unchanged (always 1)
- add module entry
- Is it possible to give the picker an :onfocus event for accessibility
- Support for the new RGB syntax
- remove or replace the node-sass dependency
- Opacity PCR-picker slider background color issue.
- SCSS files not published
- color picker not hide when clicking on save button
- Can I switch the palette from hsb to hsl view?
- Vue 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pickr.