Fix follow recommendation carrousel scrolling on RTL layouts, for real (#32505)
This commit is contained in:
		
							parent
							
								
									f2378aca40
								
							
						
					
					
						commit
						5e4cc1a39c
					
				| @ -151,8 +151,13 @@ export const InlineFollowSuggestions = ({ hidden }) => { | |||||||
|       return; |       return; | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|  |     if (getComputedStyle(bodyRef.current).direction === 'rtl') { | ||||||
|  |       setCanScrollLeft((bodyRef.current.clientWidth - bodyRef.current.scrollLeft) < bodyRef.current.scrollWidth); | ||||||
|  |       setCanScrollRight(bodyRef.current.scrollLeft < 0); | ||||||
|  |     } else { | ||||||
|       setCanScrollLeft(bodyRef.current.scrollLeft > 0); |       setCanScrollLeft(bodyRef.current.scrollLeft > 0); | ||||||
|       setCanScrollRight((bodyRef.current.scrollLeft + bodyRef.current.clientWidth) < bodyRef.current.scrollWidth); |       setCanScrollRight((bodyRef.current.scrollLeft + bodyRef.current.clientWidth) < bodyRef.current.scrollWidth); | ||||||
|  |     } | ||||||
|   }, [setCanScrollRight, setCanScrollLeft, bodyRef]); |   }, [setCanScrollRight, setCanScrollLeft, bodyRef]); | ||||||
| 
 | 
 | ||||||
|   const handleDismiss = useCallback(() => { |   const handleDismiss = useCallback(() => { | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user