Баг или фича fieldset?

[Smerig]

IE10 тоже не сплоховал.

[Mingun]

«Решение проблемы» создаёт проблему в Opera 12.17 — теперь <fieldset> растягивается на ширину картинки. Предыдущие примеры работают, как и ожидается: в первом и втором примерах ширина 50px, в третьем и ширина и высота по 50px.

P.S. Пример с ограничением по высоте у вас ссылается на первый пример, а не на третий.

[BaNru]

К сожалению, на данный момент я не знаю решения, которое бы не затрагивало Оперу.

Могу придложить сделать дополнительно хак для оперы

@media (min-resolution: .001dpcm) {
    _:-o-prefocus, fieldset { /* стиль только для Opera 12.00+ */
        display: block;
    };
}

jsfiddle.net/sa7sg4ks/3/

Но это уже точно перебор

PS Спасибо. Исправил.

[BaNru]

И всё таки тут дела обстоят немного иначе.

По вашей ссылке выше на спецификацию fieldset говорится о min-content, который я упоминал в статье, в абзаце про решение для Хрома.

Это параметр уже появился у Хрома и Фокса у width и, наверное, не только:
-webkit/moz-min-content
Попробуйте его выставить для div'а в Фоксе или Хроме.
developer.mozilla.org/en-US/docs/Web/CSS/width

min-content
The intrinsic minimum width.

Так вот как раз Хром его и использовал в вендорных стилях


И стоит сообщить, что старые версии Хрома возможно не использовали его, ибо скорее всего не был внедрен min-content и fieldset работал «как надо». То есть Хром на данный момент полностью следует спецификации, в отличие от других.

Ну IE и Opera судя по всему по старинке.

А вот у Фаокса чудеса непонятные. Они это как-то по своему решили сделать


PS Спасибо за ссылку. Если бы я раньше о ней узнал, статья была бы написана уже в дургом ключе.

[NekR]

Это конечно не значительно и по сути не имеет прямого отношения к багу, но получше просто в webkit сделать min-width: initial, даже можно глобально для fieldset. Тогда не придётся дублировать постоянно с шириной.