react-custom-scrollbars icon indicating copy to clipboard operation
react-custom-scrollbars copied to clipboard

Dragging with Mouse is not working, it`s working only with mouse wheel.

Open Maksss2018 opened this issue 6 years ago • 3 comments

Hi, having next problom : thumb is moving only when scrolling with mouse wheel. If return configs to default it is working but not with my code.
<Scrollbars

                        onScrollFrame={this.handleUpdate}
                        ref="scrollbars"
                        autoHeight={true}
                        autoHeightMin={height}
                        autoHeightMax={height}
                        renderTrackHorizontal={props => <div {...props}
                                                             style={{
                                                                 position:"relative",
                                                                 right:"0",
                                                                 behavior: 'smooth',
                                                                 opacity: '1',
                                                             }}/>}
                        renderThumbHorizontal={props =>{
                            let onePerScroll=this.state.scrollHeight/100,
                                onePerClient = height/100,
                                rezult = (this.state.scrollTop/onePerScroll)*onePerClient,
                                topCoords =isNaN((rezult-(this.state.clientHeight)))?(0-height):(rezult-(this.state.clientHeight));

                            return(
                                <div {...props}
                                     style={{
                                         position:"absolute",
                                         backgroundColor: '#ebbe55',
                                         height: '40px',
                                         width: '4px',
                                         opacity: '0.5',
                                         right:"0",/*
                                          transition:"1s",
                                          behavior: 'smooth',*/
                                         cursor:"pointer",
                                         top:  topCoords>=-20?-20:topCoords,
                                     }}/>
                            )
                        }}
                        style={{ width: "auto", maxHeight:"100%", minHeight:"100%" }}
                    >

Maksss2018 avatar Oct 11 '18 09:10 Maksss2018

@Maksss2018 have you found a solution?

zrowork avatar Mar 04 '19 15:03 zrowork

Same issue here, not sure why. Just noticed that in the demos as well you are not able to use the scrollbar in a drag fashion. Wow how did i miss this... On a Mac and Chrome v latest

makis-spy avatar Mar 23 '19 09:03 makis-spy

Any news about this issue ?

TeckTn avatar Jan 03 '21 15:01 TeckTn