patternfly / patternfly/patternfly-react

ActionList & OverflowMenu: consider using flex-start instead

Đang mở Phù hợp với người mới
#12,257 3 bình luận 1 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Stale
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

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. 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.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. 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

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.