slider icon indicating copy to clipboard operation
slider copied to clipboard

div with class='rc-slider-track' not formed using <Range>

Open anuragb-tal opened this issue 7 years ago • 3 comments

I am using the <Range> component in the following manner <Range dots max={(this.props.items.length-1)*10} step={10} onChange={this.onRangeChange} defaultValue={[this.props.selected*10]} />

The following div which shows how much of the range slider has been traversed should also have been present in the html <div class="rc-slider-track" style="left: 0%; width: 0%;"> </div>

The examples clearly show this div to be present ."left" attribute of the style is dynamically updated based upon how you would traverse in the slider.I need this as I would have to style the portion of the slider already traversed. I did try add trackStyle={{ backgroundColor: 'green'}} to style the track traversed but since the above mentioned div doesn't exist ,there seems to be no effect.

anuragb-tal avatar May 04 '18 09:05 anuragb-tal

@anuragb-tal Did you find anything on this?

badyakarprabin avatar Aug 30 '20 06:08 badyakarprabin

when i use Range, trackStyle are still not working

Alwayslazydog avatar Mar 05 '24 09:03 Alwayslazydog

Could you please provide a reproduction and submit the issue to the antd repo?

yoyo837 avatar Mar 05 '24 09:03 yoyo837