Sticky appbar bug

[Jakub]

Hi!
Take a look at this stackblitz example: https://stackblitz.com/edit/angular-o2pliu?file=src/app/app.component.html

Scroll down through the wall of "test" paragraphs, and take a look at the appbar/combobox. Combobox (and every other Kendo component) floats on top of the appbar.
I know my example is clunky, but it shows this bug pretty well.
I also know that .css styles are excessive, but I just copied my code from my local project.

 

Is this really a bug, or is it my fault?

[Dimiter Topalov]

Hello Jakub,

Setting the element position to "sticky" comes with its own specifics, thus the z-indexes of the affected elements need to be adjusted too. In this case, raising the z-index of the appbar host element should be enough, e.g.:

kendo-appbar {
  position: sticky;
  z-index: 3;

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Jakub]

Works as a charm.

Thank you very much for reminding me of this attribute.