patternfly / patternfly/patternfly-react
ActionList & OverflowMenu: consider using flex-start instead
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- TypeScript
- Star
- 862
- Fork
- 392
- Merge trung bình
- 4 ngày 8 giờ
- Pull request đã merge (30 ngày)
- 9
Mô tả
I'm seeing warnings like below
./node_modules/@patternfly/react-styles/css/components/ActionList/action-list.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@patternfly/react-styles/css/components/ActionList/action-list.css
Warning
(11:3) autoprefixer: start value has mixed support, consider using flex-start instead
Import trace for requested module:
./node_modules/@patternfly/react-styles/css/components/ActionList/action-list.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@patternfly/react-styles/css/components/ActionList/action-list.css
./node_modules/@patternfly/react-styles/css/components/ActionList/action-list.css
./node_modules/@patternfly/react-styles/css/components/ActionList/action-list.mjs
./node_modules/@patternfly/react-core/dist/esm/components/ActionList/ActionList.js
./node_modules/@patternfly/react-core/dist/esm/components/ActionList/index.js
./node_modules/@patternfly/react-core/dist/esm/components/index.js
./node_modules/@patternfly/react-core/dist/esm/index.js
./libs/patternfly/react-core.ts
./node_modules/@patternfly/react-styles/css/components/OverflowMenu/overflow-menu.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@patternfly/react-styles/css/components/OverflowMenu/overflow-menu.css
Warning
(16:3) autoprefixer: start value has mixed support, consider using flex-start instead
Import trace for requested module:
./node_modules/@patternfly/react-styles/css/components/OverflowMenu/overflow-menu.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@patternfly/react-styles/css/components/OverflowMenu/overflow-menu.css
./node_modules/@patternfly/react-styles/css/components/OverflowMenu/overflow-menu.css
./node_modules/@patternfly/react-styles/css/components/OverflowMenu/overflow-menu.mjs
./node_modules/@patternfly/react-core/dist/esm/components/OverflowMenu/OverflowMenuContent.js
./node_modules/@patternfly/react-core/dist/esm/components/OverflowMenu/index.js
./node_modules/@patternfly/react-core/dist/esm/components/index.js
./node_modules/@patternfly/react-core/dist/esm/index.js
./libs/patternfly/react-core.ts
Versions in use:
"@patternfly/patternfly": "^6.4.0",
"@patternfly/quickstarts": "^6.3.1",
"@patternfly/react-charts": "^8.3.1",
"@patternfly/react-core": "^6.4.0",
"@patternfly/react-drag-drop": "^6.4.0",
"@patternfly/react-icons": "^6.4.0",
"@patternfly/react-styles": "^6.4.0",
"@patternfly/react-table": "^6.4.0",
"@patternfly/react-tokens": "^6.4.0",
"@patternfly/react-user-feedback": "^6.2.0",
This appears to be the same as #9466 with different components.
Jira Issue: PF-3656
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Bắt đầu với các tệp ActionList/action-list.css và OverflowMenu/overflow-menu.css được nêu trong các dấu vết cảnh báo, rồi so sánh các khai báo được báo cáo ở dòng 11 và 16 với issue #9466. Xác nhận thay đổi căn chỉnh flex phù hợp cho cả hai component, sau đó chạy bản build PatternFly React bị ảnh hưởng hoặc thiết lập Next.js sử dụng nó. Hoàn tất khi các cảnh báo autoprefixer không còn xuất hiện mà không thay đổi hành vi bố cục của component.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend
- Loại issue
- Lỗi
- Độ khó
- 2/5
- Thời gian dự kiến
- 1-3 giờ
- Mức độ hoạt động
- Ít trao đổi
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 65/100