generate_after_slideout_navigation problem! (Help)

David the video i sent above
https://drive.google.com/file/d/1VOqiIqJiCcvR4BtEcC5N1h4tNmPGEg3P/view
is with the position sticky css rule...
As you can see when the elements inside nav#generate-slideout-menu div.inside-navigation.grid-container.grid-parent are shorter than 100vh then the #custom_html-65 element is higher than bottom: 0px

Another thing i can try but idk if it is bad code-wise is this

add_action('generate_after_slideout_navigation', 'end_custom_inside_navigation_html_element');
add_action('generate_after_slideout_navigation', 'after_end_custom_inside_navigation_html_element', 11);
function end_custom_inside_navigation_html_element() {
	echo '</div>';
}
function after_end_custom_inside_navigation_html_element () {
	if (is_product_category() || is_product_tag() || is_product_brand() || is_search()) {
		$closebutton = do_shortcode('[facetwp facet="result_count"]');
		echo '<aside id="custom_html-65" class="widget_text slideout-widget widget_custom_html"><div class="textwidget custom-html-widget"><div class="slider-exit"><a href="#">' . $closebutton . '</a></div></div></aside>';
	}
}

This indeed puts a custom end