Comments (11)
This may be akin to what is happening over in issue #9 (also webkit based)
from humane-js.
I just tested humane.js and have included it into an phonegap app. On a android 2.2 device i have a empty page, after the message is disapeared. Content doesen't come back when i scroll.
On a honeycomb tablet (Android 3.2) all works fine.
Edit:
A quick workaround is adding a function:
humane.info("Test",function(){document.body.style.backgroundColor="#fff"})
But the color have to be different to the original color. Example: When background-color of body is set with css to fff and you use the example above, it doesen't work. Content is gone.
When the color is set to anything other, it works. Also when called multiple and color is already fff.
Also it works when the color is initial fff and i use this:
document.body.style.backgroundColor="#888"
humane.info("Test",function(){document.body.style.backgroundColor="#fff"})
Weird....
BTW: little flickering also happens, but this is no problem on android. Android apps need a little flickering and jerking. ;-)
from humane-js.
There is a known webkit issue that is referenced in #9, my gut is it got fixed in the updated OS. I was able to work around some of it using z-index instead of visibility. It is related to the stylesheet and not the JS. All the JS does it apply the class and throw it back the the browser to animate to that class and that where the flickering comes in. I have been trying hacks to get it to work but haven't been successful, if you come across one that works well, please let me know!
from humane-js.
I don't think it is the same problem. The whole page is lost. But i believe, it is a android webkit bug, too. I have made some tests today and get strange results. All my workarounds haven't worked, too.
I have tested also in Emulator, to check, if it is some HTC Sense issue. But it happens on all 2.x versions, and it works on 3.x.
from humane-js.
I just tested iOS 5 and the flicker there is gone as well.
from humane-js.
Confirmed new Android 4 has the flicker gone, noticed that the jqmobile peeps have had better success there as well. I may just fallback to JS animation for older OS.
from humane-js.
updated code to work without any glitches on iOS v5 and Android 4, it may have had a positive affect on iOS <5 or Android <4 but currently don't have any devices to test.
from humane-js.
The demo page now works on a Android 2.2 Device. !!!
Thanks a lot. Can you explain what you have changed?
from humane-js.
Apparently, earlier versions of mobile webkit did not like it when you animated the zIndex property, which we don't really need to animate but to make it easier to get up and running all themes just by using transition: all
instead of specifying all the components. It wasn't obvious that this was causing the issue until iOS5 where you saw the element 'behind' other elements at the start of the animation, and in front after... so anyway yippee!
from humane-js.
Yippee!
Thanks for the info. I plan to use humane.js in my blood pressure tracker ( http://www.bloodpressuredb.com ), when new values are saved. It runs in every browser and as phonegap based app on iOS and Android. So i love to have a easy to use library.
from humane-js.
hey awesome! glad to hear!
from humane-js.
Related Issues (20)
- Stacking of notifications HOT 2
- Limiting number of pending notifications HOT 1
- fatty theme not on bower HOT 2
- Indicator count for queued notifications HOT 3
- css styling in messages HOT 1
- Missing semicolon at the end of the non-minified source HOT 2
- bower install humane-js does not reflect #master HOT 4
- remove before log (or error/info/etc) together option HOT 2
- Humane stylesheet displays scrollbars when it shouldn't HOT 2
- Option to manually attach humane div. HOT 2
- Humane.js Customize Style
- please add links to cdn to README HOT 1
- custom html markup HOT 1
- Adding hyperlinks to notification? HOT 2
- Add unit tests HOT 1
- Support for confirm and alert custom dialog HOT 1
- Is there a way to get a clicked element in the callback?
- Text doesnt feed to notification
- Use new syntax of linear-gradient HOT 5
- how do you "stack" the notifications? getting overlapped one over the other HOT 5
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 humane-js.