Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slider: "ant-slider-mark-text" have unexpected width. #3876

Closed
nybardic opened this issue Jul 29, 2019 · 1 comment · Fixed by #3879
Closed

Slider: "ant-slider-mark-text" have unexpected width. #3876

nybardic opened this issue Jul 29, 2019 · 1 comment · Fixed by #3879

Comments

@nybardic
Copy link

Reproduction link

https://ng-zorro-antd-start-21q9wb.stackblitz.io

Steps to reproduce

Step 1: Click the vertical slider's mark: "70°C" ;

What is expected?

When we click the silder's mark on it, it should change the value on itself.

What is actually happening?

You will find that, the vertical slider doesn't happen any change, and horizontal slider is changed.

Environment Info
ng-zorro-antd 8.1.0
Browser Chrome 5.0.3770.142

In fact, it is because the class: ".ant-slider-mark-text" have too much width :90% of the div's width. So it will influence other fields, and casue user interaction issue.
Wish to optimization the width setting of the ".ant-slider-mark-text". Thanks!

@nybardic
Copy link
Author

nybardic commented Jul 29, 2019

image

image

Here is the detail of the element : ".ant-slider-mark-text" width.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants