mirror of
				https://github.com/zulip/zulip.git
				synced 2025-11-04 14:03:30 +00:00 
			
		
		
		
	We have changed our all instances of list_render to use simplebar and thus, we will now use simplebar container to track scroll event for all the lists created by list_render. This fixes the bug of new subscribers not rendering on scrolling at the end of subscriber list in stream settings and similar bug in some other lists also. This commit also removes scroll_util.get_list_scrolling_container function as this is no longer used. Fixes #15637.
		
			
				
	
	
		
			53 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			53 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
exports.scroll_delta = function (opts) {
 | 
						|
    const elem_top = opts.elem_top;
 | 
						|
    const container_height = opts.container_height;
 | 
						|
    const elem_bottom = opts.elem_bottom;
 | 
						|
 | 
						|
    let delta = 0;
 | 
						|
 | 
						|
    if (elem_top < 0) {
 | 
						|
        delta = Math.max(
 | 
						|
            elem_top,
 | 
						|
            elem_bottom - container_height,
 | 
						|
        );
 | 
						|
        delta = Math.min(0, delta);
 | 
						|
    } else {
 | 
						|
        if (elem_bottom > container_height) {
 | 
						|
            delta = Math.min(
 | 
						|
                elem_top,
 | 
						|
                elem_bottom - container_height,
 | 
						|
            );
 | 
						|
            delta = Math.max(0, delta);
 | 
						|
        }
 | 
						|
    }
 | 
						|
 | 
						|
    return delta;
 | 
						|
};
 | 
						|
 | 
						|
exports.scroll_element_into_container = function (elem, container) {
 | 
						|
    // This does the minimum amount of scrolling that is needed to make
 | 
						|
    // the element visible.  It doesn't try to center the element, so
 | 
						|
    // this will be non-intrusive to users when they already have
 | 
						|
    // the element visible.
 | 
						|
 | 
						|
    container = ui.get_scroll_element(container);
 | 
						|
    const elem_top = elem.position().top;
 | 
						|
    const elem_bottom = elem_top + elem.innerHeight();
 | 
						|
 | 
						|
    const opts = {
 | 
						|
        elem_top: elem_top,
 | 
						|
        elem_bottom: elem_bottom,
 | 
						|
        container_height: container.height(),
 | 
						|
    };
 | 
						|
 | 
						|
    const delta = exports.scroll_delta(opts);
 | 
						|
 | 
						|
    if (delta === 0) {
 | 
						|
        return;
 | 
						|
    }
 | 
						|
 | 
						|
    container.scrollTop(container.scrollTop() + delta);
 | 
						|
};
 | 
						|
 | 
						|
window.scroll_util = exports;
 |