Sticky element inside 'q-tab-panel'

[Toni]

Hi

I am using the quasar q-tab-panel component and I want to stick the headers of the different letters when I scroll.

When I do it without using the q-tab-panel component it works correctly as you can see in the following example in codepen:

https://codepen.io/aabm01/pen/eYNjZyN

But when I use the q-tab-panel component it stops working as you can see in this example with the built-in component.

https://codepen.io/aabm01/pen/YzXjwdG

Any idea how I can stick the headers of the different letters using q-tab-panel

Thank you

[Toni]

This post is deleted!