Свойство display: block препятствует работе свойства order?

Question

[godsplan]

что это за нововведение? Даже не смотря на ошибку order отрабатывает корректно. Стоит ли избегать этого предупреждения или можно забить?

Answer 1

[alexalexes]

Свойство order применяется только для flex и grid элементов, собственно, оно корректно только когда его родительский контейнер имеет свойство display: flex либо grid.

Comments

[godsplan]

но у меня грид, там же вроде тоже можно

[godsplan]

а ошибка вобще на элемент грид сетки

[Сергей delphinpro]

* только для flex и grid элементов

[godsplan]

Сергей delphinpro, но почему тогда предупрждение?

[Алексей Уколов]

godsplane, потому что block != grid.

[godsplan]

Алексей Уколов, но почему тогда работает)

[godsplan]

Алексей Уколов,

Мы создаём grid контейнер, объявляя на элементе display: grid или display: inline-grid. Как только мы это сделаем, все прямые потомки этого элемента станут элементами сетки.

То есть при display: grid все элементы внутри должны быть тоже грид элементами как с флексом.

[godsplan]

https://codepen.io/poylar/pen/oNyJbGY

[Сергей delphinpro]

godsplane, по вашей картинке непонятно, что где.
Вы сделайте простой примерчик, воспроизводящий это поведение и покажите код

[godsplan]

Сергей delphinpro, выше сделал

[Сергей delphinpro]

godsplane, в примере выше нет никаких display: block

Я не смог добиться такого уведомления ни при каких условиях в последнем хроме.

[godsplan]

Сергей delphinpro,

[SagePtr]

Похоже на баг инструментов разработчика в Хроме, переключение свойства работает, но при этом упорно пытается показать, якобы свойство не применяется:

[alexalexes]

Поправил предложение.

[Сергей delphinpro]

godsplane, SagePtr, только что хром обновился до 108 версии. Появилось уведомление.
в 107 не было.
Это определенно новая фича. Правда багованная. Не стоит обращать внимания.

Answer 2

[pigol1]

Свойство display: inline-block препятствует работе свойства flex-wrap.
Попробуйте изменить свойство display: inline-block на display: flex.

как ришыти проблему помогите пожалуста