Update stylelint rule unit-allowed-list to include container query units

Created on 17 May 2024, 6 months ago
Updated 18 June 2024, 5 months ago

Problem/Motivation

While working on issue #3328095 ๐Ÿ› CKEditor 5 toolbar overflow can become unusable in Off canvas Needs work , I noticed that css checks fail because of cqw unit which is one of the new container query units.

Container queries are now supported in all major browser and I believe we should add the units to unit-allowed-list stylelint rule.

The container query length units are:

  • cqw: 1% of a query container's width
  • cqh: 1% of a query container's height
  • cqi: 1% of a query container's inline size
  • cqb: 1% of a query container's block size
  • cqmin: The smaller value of either cqi or cqb
  • cqmax: The larger value of either cqi or cqb

Browser support reference:
https://developer.mozilla.org/en-US/docs/Web/CSS/@container#browser_compatibility

Steps to reproduce

Proposed resolution

Add "cqw", "cqh", "cqi", "cqb", "cqmin", "cqmax" units to unit-allowed-list rule.

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet

๐Ÿ“Œ Task
Status

Fixed

Version

10.3 โœจ

Component
CSSย  โ†’

Last updated about 20 hours ago

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024