GithubHelp home page GithubHelp logo

mockingbot / mb-color-picker Goto Github PK

View Code? Open in Web Editor NEW
38.0 38.0 9.0 2.8 MB

A React component that enables to pick color through HSV/HEX/RGBA.

Home Page: https://mockingbot.github.io/mb-color-picker/

CSS 0.88% HTML 0.91% JavaScript 98.22%

mb-color-picker's People

Contributors

aixiaoming avatar dependabot[bot] avatar finelycao avatar iny7 avatar plrthink avatar r4vang3r avatar xdudu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

mb-color-picker's Issues

Bundle size increased dramatically

According to Bundlephobia, the bundle size increased dramatically between versions 1.1.0-dev.1 (7.6kB) and 1.2.0-dev.0 (42.2kB).

While this isn't an actual issue and would highly depend on what was introduced between these two versions, it would be great if this package could become as lightweight as it once was before, as I am looking for a react color picker and this one almost fits all of my needs.

Document Wanted!

Do you have a plan to make a document or README?
A document is necessary for a opensource project.

不考虑完善一下文档或者README吗?
开源组件还是需要写一下文档的吧...

BUG UI拖拽BUG;

BUG

1. UI错误

image

2.拖拽问题

2018-07-09_04-01-49

描述

当鼠标点击不放,将鼠标拖拽出DIV框框外再松手,如下图:
image
此时,若是再次尝试拖拽:
image
则会复制出一个空行字符,如下console:
image
此外,此时如果不进行拖拽,color-circle 仍然会跟随鼠标移动。

解决

如果组件后续没有对拖拽功能作更多要求(如:从canvas-pane拖拽复制颜色值),可以通过禁用DIV canvas-pane的拖拽属性防止复制空行:

ondragstart="return false;"

浏览器环境

360极速浏览器 - 极速模式
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.