3 ms·
You're probably right, I was over-dramatizing it a bit. On a touch device I would have probably figured it out sooner too, and it didn't really take me that lon
by Stratoscope 13y ago
You're probably right, I was over-dramatizing it a bit. On a touch device I would have probably figured it out sooner too, and it didn't really take me that long to figure it out on the desktop browser.
Anyway, I figured out why I wasn't seeing a proper right arrow. It's a bug in their CSS. They're using this sprite sheet:
http://graphics8.nytimes.com/newsgraphics/2014/01/13/food-chain-olive/74ba3337612371882a1c848ec4747ca84c394795/spritesheet@2x.png http://graphics8.nytimes.com/newsgraphics/2014/01/13/food-ch...
This has the left and right arrow symbols at the bottom right. The left arrow is working correctly, but for the right arrow the specificity of their selectors is a bit messed up. The right arrow has a background-position that should select the bottom right corner of the sprite sheet, but this particular rule is getting overriden by a background: in a more specific selector that makes it use the top left corner (0 0) instead. And that top left corner happens to include the top of the fork-chicken's tail, which was looking like an up arrow to me.
I guess the moral of the story is if you're going to do this kind of fancy presentation, there are a lot of things that can go wrong!