<b>Chrome Version       : <Copy from: 'about:version'></b>
OS Version: OS X 10.9.2
URLs (if applicable) : http://best-nest-test.myshopify.com
Other browsers tested:
  Add OK or FAIL after other browsers where you have tested this issue:
     Safari: OK
    Firefox: OK
    IE/Edge: N/A

What steps will reproduce the problem?
1. Open the page
2.
3.

What is the expected result?

See screenshot #1.


What happens instead of that?

See screenshot #2


Please provide any additional information below. Attach a screenshot if
possible.

I've added a two-column, responsive slider section on a client's website which, for a number of reasons, uses display: table, table-row and table-cell. It looks great in FF and Safari, and used to look great in Chrome.

Recently the client contacted me to say the second column in the slider section appeared "squished," and sure enough, it does. It seems the second column takes its height from the initial page load, then the rest of the section is drawn—to its full height—but the second column stays as short as it was initially.

I've attached two screenshots, and here's a link: http://best-nest-test.myshopify.com

I've tried a number of different things since finding out about the problem the other day—and setting things up this way was a last resort, I did try other ways of displaying the divs. I've got dynamic content, responsive content, text and buttons in the two right column containers. I may have overlooked some small thing, but it's unlikely… besides, it used to work just fine.

Is there a fix, or is this a bug?!

BTW, this is an Official Build of 64 I'm using, version 64.0.3282.119. It was reproduced by a Chrome forum user, though he says it's fixed in Canary 66.

 

Deleted: Screen Shot 2018-02-01 at 3.46.35.png 1.9 MB

	Screen Shot 2018-02-01 at 3.46.35.png 1.9 MB View Download

Deleted: Screen Shot 2018-02-01 at 2.15.14.png 1.4 MB

	Screen Shot 2018-02-01 at 2.15.14.png 1.4 MB View Download