FlexSlider doesn't properly reduce in size when used as part of a table layout

[lenscraft]

When FlexSlider is in a table layout, the size doesn't reduce when the parent table-cell reduces in width. (It does increase in size when the parent cell gets wider, but never gets narrower.)

[prcss1984]

@jeffikus @lenscraft I had the same issue. Is there a fix for this?

[jeffikus]

@PCandtheWeb @lenscraft do you have live examples of this?

[prcss1984]

Hi @jeffikus,

Thanks for the reply. Here is a bare bones example of a flexslider not resizing when inside of a table layout...http://patrickcicere.com/flexslider/flexslider-table.html

As mentioned before, it does increase in size when the parent cell gets wider, but never gets narrower.

[jeffikus]

Thanks! I'll take a look!

[prcss1984]

Hi @jeffikus and @lenscraft,

After looking into this issue further, I believe it can be fixed by adding a table-layout: fixed to the table element that contains the flexslider.

[mine-t]

Hello.
I found this hack.

.flexgrid {
  box-sizing: border-box;
  margin-right: -99999px;
}

[mine-t]

sorry mistake.

.flexgrid => .flexslider