WordPress/gutenberg
Add ESLint rule to prevent usage of the order CSS property
已关闭
#61,247 创建于 2024年4月30日
Good First Issue[Focus] Accessibility (a11y)[Status] In Progress[Type] Code Quality
仓库指标
- 星标
- (9,607 个星标)
- PR 合并指标
- (平均合并 12天 18小时) (30 天内合并 509 个 PR)
描述
Description
See https://github.com/WordPress/gutenberg/issues/61241
Some components come with CSS in JS.
https://github.com/WordPress/gutenberg/issues/61241 and https://github.com/WordPress/gutenberg/pull/61243 aim to introduce a stylelint rule to prevent usage of the order CSS property, which is impactful for accessibility.
In the same way, it would be nice to add an ESLint rule to prevent usage of the order CSS property in any *.js file.
Unfortunately this isn't exactly my area of expertise so that I'd appreciate some guidance. I did see a similar rule added in https://github.com/WordPress/gutenberg/pull/58130
Step-by-step reproduction instructions
- Add an
orderCSS property e.g.order: 1;to any CSS-in-JS for example in this file.. - Run
npm run lint:js. - Observe the linter does not report any error.
Screenshots, screen recording, code snippet
No response
Environment info
No response
Please confirm that you have searched existing issues in the repo.
Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
Yes