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

Created on 17 May 2024, 8 months ago
Updated 18 June 2024, 7 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 8 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