bootstrap tooltips displayed outside scroll area

[afatsoum]

I am using Bootstrap 5.3.0. When Bootstrap tooltips are loaded within a scrollable div, the tooltips are visible outside the scroll area on initialization and during scrolling up or down.

The tooltips wont display until the Modal is fully displayed, so i had to add an event listener to catch this with 'shown.bs.modal'

I have created a fiddle to reproduce the issue https://jsfiddle.net/nmkca5v6/2/

The .tooltip class z-index is 1080 by default, but if i force change it to anything else it seems to not display at all.. the z-index for the modal i believe is 1055 but even if i set the modal z-index to a higher number e.g. 2000 then the tooltips are no longer visible.

I'm not sure how to address this issue or if it's a bug with Bootstrap. I see a similar report here #35202 but I dont see a solution was provided.

Expected results:

For tooltips not to display outside the scroll area during initialization and during scrolling.