Shopify/Timber

Chrome 53: select labels cut off at the bottom

Opened this issue · 2 comments

I'm seeing the option labels cut off at the bottom in Chrome 53 (more visible in the demo with letters in the label than with numbers):
http://timber-demo.myshopify.com/products/ricky-straight-super-t-mens-jean

Looks like this issue:
https://productforums.google.com/forum/#!topic/chrome/qCzisuSDrjE

Removing the line height from selects is working for me in Chrome, but I haven't tested that in other browsers yet.

This is fixed in Canary already so really hoping it's a temporary bug. Removing line-height is the easiest fix, though you can also set a fixed height if the design requires it.

Going to leave this issue open and expect Chrome to fix this itself very shortly.

Great, thanks for looking at this!