ionic-team / ionic-team/ionic-framework

feat: vertical orientation for ion-slider

Đang mở
#24,885 12 bình luận 1 reaction 0 người được giao Xem trên GitHub
package: core type: feature request
Ngôn ngữ chính
TypeScript
Star
52.7k
Fork
13.3k
Merge trung bình
1 ngày 14 giờ
Pull request đã merge (30 ngày)
50

Mô tả

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

- [X] v4.x
- [X] v5.x
- [X] v6.x

### Current Behavior

The Range Slider can be used only in Horizontal orientation. I tried to rotate using transform property to make it vertical. But the touch movement is handled only in x-axis.

### Expected Behavior

Should be able to use Range Slider in vertical orientation.

### Steps to Reproduce

NA

### Code Reproduction URL

_No response_

### Ionic Info

$ ionic info
[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package'

Require stack:
- C:\Users\rahulkundu\AppData\Roaming\nvm\v14.17.0\node_modules\@ionic\cli\lib\project\index.js
- C:\Users\rahulkundu\AppData\Roaming\nvm\v14.17.0\node_modules\@ionic\cli\lib\index.js
- C:\Users\rahulkundu\AppData\Roaming\nvm\v14.17.0\node_modules\@ionic\cli\index.js
- C:\Users\rahulkundu\AppData\Roaming\nvm\v14.17.0\node_modules\@ionic\cli\bin\ionic

Ionic:

Ionic CLI : 6.18.1 (C:\Users\rahulkundu\AppData\Roaming\nvm\v14.17.0\node_modules\@ionic\cli)
Ionic Framework : @ionic/react 6.0.8

Capacitor:

Capacitor CLI : 3.4.1
@capacitor/android : 3.4.1
@capacitor/core : 3.4.1
@capacitor/ios : not installed

Utility:

cordova-res : not installed globally
native-run : 1.5.0

System:

NodeJS : v14.17.0 (C:\Program Files\nodejs\node.exe)
npm : 6.14.13
OS : Windows 10

### Additional Information

Vertical Range slider is very useful in many cases. I think it will be a great addition to the framework. I am a Ract developer and I will be happy to contribute.

Hướng dẫn đóng góp

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

Hướng nghiên cứu

Bắt đầu bằng cách xác định vị trí triển khai của ion-slider hoặc Range Slider và phần xử lý chuyển động cảm ứng được mô tả trong issue. Xác định cách cung cấp hướng dọc và xác minh rằng chuyển động cảm ứng hoạt động trên trục dọc; issue không cung cấp URL tái hiện, đường dẫn tệp hoặc tên bài kiểm thử.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
typescript
Lĩnh vực
frontend
Loại issue
Tính năng
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
25/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.