Method updateVisibleRange

src/utils/VirtualScroller.ts:494–547

()

	};

	private updateVisibleRange(): void {
		const scrollTop = this.scrollContainer.scrollTop;
		let containerHeight = this.scrollContainer.clientHeight;

		// If container height is 0, try to get a better estimate
		if (containerHeight === 0) {
			// Try parent element height
			containerHeight = this.scrollContainer.parentElement?.clientHeight || 0;
		}
		if (containerHeight === 0) {
			// Fall back to window height as last resort
			containerHeight = window.innerHeight;
			tasknotesLogger.warn("[VirtualScroller] Using window height as fallback:", {
				category: "configuration",
				operation: "using-window-height-as-fallback",
				details: { value: containerHeight },
			});
		}

		// Use binary search to find visible range based on actual positions
		const startIndex = Math.max(0, this.binarySearchPosition(scrollTop) - this.overscan);

		// Find end index by searching from startIndex
		let endIndex = startIndex;
		const viewportBottom = scrollTop + containerHeight;

		while (endIndex < this.items.length - 1) {
			const itemBottom = this.getItemPosition(endIndex) + this.getItemHeight(endIndex);
			if (itemBottom > viewportBottom) {
				break;
			}
			endIndex++;
		}

		// Add overscan to end
		endIndex = Math.min(this.items.length - 1, endIndex + this.overscan);

		const offsetY = this.getItemPosition(startIndex);

		// Only update if range changed
		if (
			startIndex !== this.state.startIndex ||
			endIndex !== this.state.endIndex ||
			this.items.length !== this.state.totalItems
		) {
			this.state = {
				startIndex,
				endIndex,
				totalItems: this.items.length,
				offsetY,
			};
			this.renderVisibleItems();
		}
	}

	private renderVisibleItems(): void {
		const { startIndex, endIndex, offsetY } = this.state;