search

bigcartel-themes / snakebite

Snakebite theme for Big Cartel.
https://help.bigcartel.com/themes/snakebite/
3 stars 1 forks source link

Price box width shift #18

Closed n8hanson closed 10 years ago

n8hanson commented 10 years ago

The price box width shifts when you hover over a product. Here's a little vid showing what I mean: https://dl.dropboxusercontent.com/u/848823/jiggle.mov

n8hanson commented 10 years ago

On the latest version of Chrome.

coryetzkorn commented 10 years ago

I'm getting a 404 from that video link... could you reupload? Thanks.

n8hanson commented 10 years ago

Want to try it again? I think dropbox was having some problems.

coryetzkorn commented 10 years ago

Worked this time, but wasn't able to reproduce the issues in Safari, Chrome, or Firefox. What browser are you using?

n8hanson commented 10 years ago

Chrome Version 33.0.1750.117

Maybe using a different font might have something to do with it or just a weird one time thing?

Digging this theme btw!

coryetzkorn commented 10 years ago

Weird... just tried a few different fonts and couldn't get it to happen. It seems like one of those obscure bugs related to CSS3 animations.

Still happening for you? Do you have your own test store setup I could poke around in or are you testing locally with Dugway?

Glad you like the theme. We're really excited about it!

nickendle commented 10 years ago

I'm seeing this in the latest Chrome as well -- it's gotta be a weird CSS3 bug.

When testing on http://fuzzcotheme.bigcartel.com I see the box shifting (and it even shifts a bit when the responsive view kicks in), but oddly enough it doesn't happen when logged into the admin and testing in the Customize Design area.

There is another weird issue that occurs in the Customize Design area, where the scrollbar flickers: https://www.dropbox.com/s/jtmfqqlv4326hqa/scrollbar.mov

coryetzkorn commented 10 years ago

Still stumped on these.... especially that scrollbar flashing.

nickendle commented 10 years ago

Just did more testing and I'm not seeing the price move at all anymore. @n8hanson can you check again and see if it's happening on your end? If you're not seeing it either, I think it's safe to close this.

@coryetzkorn I think the scrollbar flicker has to be a Chrome bug. Maybe related? http://stackoverflow.com/questions/14386512/chrome-css-image-transitions-affect-other-elements

n8hanson commented 10 years ago

I still see it, and it's definitely a Chrome thing. Firefox, Safari, and even Opera had no problems.

coryetzkorn commented 10 years ago

The shifting price is definitely fixed. I think the scrollbar may be gone now too. Let me know if it persists. Added translateX(0) to a bunch of stuff.