Comments (5)
I think I found the culprit:
https://stackoverflow.com/questions/7548833/ios-css-opacity-visibility-transition
Potential solutions:
- https://stackoverflow.com/questions/7548833/ios-css-opacity-visibility-transition#comment44980835_10702958
- https://stackoverflow.com/questions/7548833/ios-css-opacity-visibility-transition#comment44980835_10702958
EDIT: Just patched it on my end. It works! I personally set .pcr-app { transition: none }
but I'm sure the solutions above would also work in order to keep your original transition.
from pickr.
Thanks for this awesome issue report, very clean :)
Uhmm, that's strange... I've opened your demo-url on my phone and tablet, both Android 7.0
, with Firefox 60.0.2
and Chrome 67.0.3396.87
and everything works fine. Either it has a general problem with iOS devices, or I missing something.
I will do some investigation in the next day's! Unfortunately I didn't have any apple-device.
from pickr.
Thank you! I'll let you know if I figure something out.
from pickr.
Perfect! The second one looks like a good solution, could you override this style and try it:
.pcr-app {
transition: opacity 0.3s !important;
}
would be awesome 'cause I cannot test it. If this works I will fix it in the master branch :)
Append: Wow, this bug seems 6 years old, and it isn't fixed yet..
from pickr.
Yes, that works perfectly. I've tested it in a couple of mobile browsers on iOS. If you haven't used up your free trails, you could try a physical device testing products like browserstack.com to be sure.
from pickr.
Related Issues (20)
- color on cancel event when comparison is false
- Reset swatches array with a pre-existing array HOT 1
- 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 7
- 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
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.