react-chrono icon indicating copy to clipboard operation
react-chrono copied to clipboard

The autoScroll property of the TimelineCard component

Open edc-hui opened this issue 3 years ago • 8 comments

The autoScroll property of the TimelineCard component props needs to be turned on at the developer's discretion. My current requirement here is that Autoscroll cannot be used.

My English is not very good, I wonder if you can understand。

edc-hui avatar Mar 24 '21 08:03 edc-hui

AutoScroll props, the component of TimelineCard, needs to be released for the developer to decide whether it is necessary to apply for it or not. Currently, I do not need to use this props from my side.

edc-hui avatar Mar 24 '21 09:03 edc-hui

@edc-hui will be adding a new prop useReadMore. The prop can be used to switch off the read more functionality and the card will expand to fit the content. hope this would resolve the problem you are facing.

prabhuignoto avatar Mar 27 '21 15:03 prabhuignoto

@prabhuignoto when the mode is horizontal and the card content is too high, the page will automatically scroll down. Now the goal is not to scroll. Because of multiple cards, some cards are high and some cards are low, switching back and forth will cause a bad interactive experience. what should i do please

edc-hui avatar Mar 30 '21 10:03 edc-hui

@prabhuignoto file path : src/components/timeline-elements/timeline-card-content/timeline-card-content.tsx . this file has lines 160 and 167 that are commented out, so I can use a props to determine the execution of this line of code. Will you consider it? specific code: “containerRef.current && containerRef.current.focus()”

edc-hui avatar Mar 31 '21 08:03 edc-hui

@prabhuignoto when the mode is horizontal and the card content is too high, the page will automatically scroll down. Now the goal is not to scroll. Because of multiple cards, some cards are high and some cards are low, switching back and forth will cause a bad interactive experience. what should i do please

have you tried using the cardHeight to set a fixed height. This along with the new useReadMore prop might mitigate this problem

prabhuignoto avatar Apr 02 '21 11:04 prabhuignoto

@prabhuignoto file path : src/components/timeline-elements/timeline-card-content/timeline-card-content.tsx . this file has lines 160 and 167 that are commented out, so I can use a props to determine the execution of this line of code. Will you consider it? specific code: “containerRef.current && containerRef.current.focus()”

sorry i didn't understand your questions. can you elaborate the problem you are facing.

prabhuignoto avatar Apr 02 '21 11:04 prabhuignoto

@edc-hui did the new updates 1.9.3 help you to solve the problem. let me know

prabhuignoto avatar Apr 12 '21 11:04 prabhuignoto

@prabhuignoto sorry recently too busy to reply in time . after the test 1.9.3 , It didn't solve my problem. i can't using the cardHeight to set a fixed height, because the card height is not fixed in my project. When I remove this line of code that "containerRef.current && containerRef.current.focus()", it solved the problem I ran into. And the location of this line of code file path : src/components/timeline-elements/timeline-card-content/timeline-card-content.tsx .

edc-hui avatar Apr 14 '21 14:04 edc-hui