`.responsive-table` is not responsive when under a `fieldset`

[tomyam1]

.responsive-table is not responsive when under a fieldset.

The second table is under a fieldset:

(Chrome 32.0.1700.76)

http://jsfiddle.net/tde5p/

[mdo]

It would appear that Chrome and Firefox set min-width: -webkit-min-content; on fieldsets. Will have to override.

[mrtndimitrov]

Setting min-width:0 to fieldset doesn't seem to solve the problem in FF 27.0.1
http://jsfiddle.net/tde5p/4/

[cvrebert]

The current stable version of Firefox is 28.0.

[mrtndimitrov]

Did you check it with 28.0? The above jsfiddle example still doesn't work. Thanks.

[cvrebert]

@mrtndimitrov Your fiddle is using Bootstrap v3.0.3.

[cvrebert]

But I can confirm with Bootstrap v3.1.1 on OS X Firefox v28.0: http://jsfiddle.net/tde5p/5/

[mrtndimitrov]

I've added inline min-width:0 to fieldset element to test if the problem persists. As you have noticed, it does.

[timjgleeson]

I've encountered this before. Min-width isn't the problem. It's the display attribute that needs to change. If you set it to table-cell, it should work.

[mrtndimitrov]

@timjgleeson Setting display:table-cell; width: 100% to fieldset element indeed fixes the problem. Thanks.