Comments (9)
I'll take a look later today, thanks!
from glamor.
this is a really weird bug :|
from glamor.
So you were able to reproduce it yourself?
On Fri, Aug 19, 2016, 12:55 PM Sunil Pai [email protected] wrote:
this is a really weird bug :|
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#20 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAK1RIx1p7-Lutykn2GOjvuHgylRsWLAks5qhd_0gaJpZM4Jhb6U
.
from glamor.
yes. it's only on chrome. and I don't even need to resize, just hovering it triggers the bug. and the bug goes away if I use devtools 'toggle element state' to add/remove hover state. soooo weird. I have no code that runs etc. I'm investigating more.
from glamor.
I was able to isolate and reproduce this issue without glamor
https://codepen.io/threepointone/pen/OXGwRg
I'll submit a bug to codepen and close this issue when I hear from them.
from glamor.
further investigation reveals it's a bug for chrome in general :| this much is enough to trigger it.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
[data-abc]:hover { background-color: red; }
@media (max-width: 600px) {
[data-xyz] { background-color: red; }
}
</style>
</head>
<body>
<div>
<div data-abc>one</div>
<div data-xyz>two</div>
</div>
</body>
</html>
filed chrome bug here - https://bugs.chromium.org/p/chromium/issues/detail?id=639561
from glamor.
Nice work on tracking down the root issue. Hopefully the Chrome team resolves it quickly.
from glamor.
good news! I figured out a workaround, published a new version. if you update your codepen to point to 2.6.2, the bug should be resolved. lemme know, and I'll close this issue.
from glamor.
I've updated my codepen example to use 2.6.2 with the Chrome workaround and I'm unable to reproduce the bug again. Thanks. I'll go ahead and close this issue.
from glamor.
Related Issues (20)
- css.global doesn't support hover?
- Font Face Multiple Font Support HOT 1
- Promote css prop with react usage
- Deleting rules from the stylesheet
- Calling css({'data-css-nil': ''}) throws unexpected error HOT 1
- glamor-skeleton help
- psudeo element: scrollbar is not working
- Server-side rendering styles from a third-party library
- Values for the non-standard properties being set as numbers becomes as string with `px` concatenated in output HOT 4
- When NODE_ENV=production hydratation is broken
- Missing .d.ts for "glamor/server" HOT 1
- Outdated index.d.ts published HOT 1
- babel 7 support
- how to use -webkit-line-clamp HOT 1
- How to change src when the img hover ?
- Speedy mode is harmful for some production use cases (f.e. server-side rendering, prerendering, especially when glamor used in the library, etc)
- Generate inline style attribute text. HOT 3
- FBJS library causing vulnerability HOT 1
- className did not match
- update to a maintained `through`?
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 glamor.