Sticky footers and RadComboBoxes

[Patrick]

I've implemented a RadCombobox inside a sticky footer in a RadPageLayout.  The issue is that when one scrolls the main content, the dropdown also scrolls!  Now I resolved that matter this way:  

.rcbScroll
{
    position:fixed !important;
    width:410px !important;
    bottom:80px !important;
}
.rcbHeader
{
    position:fixed !important;
    bottom:153px !important;
    width:410px !important;
}
.rcbWidth
{
    background-color:White !important;
    width:425px !important;
}

And everything works great!  Except there's one issue... there's a RadGrid in the main section which has a row count / page combobox... and that too uses the RadComboBox, so it gets placed where the sticky footer's combo box goes!  Is there a way to resolve this issue?

I'm hoping this is enough info, but I'll be happy to give more if required.  Many thanks for any assistance you might have.

[Patrick]

I figured this out by myself... but for those who might run into the same issue, I did the following:

I removed the CSS above and replaced it with this:

.RadComboBoxDropDown_Default {
    position:fixed;
    top:auto !important;
    bottom:81px;
    left:630px !important;
}

Since the RadGrid comboboxes happened to have a class of RadComboBoxDropDown_WebBlue, I basically got away with a fast one.  :)  Dirty, but it works.  I also had to set a z-index on the footer's box so that remained totally visible but the box on the grids disappeared after entering the footer.

[Ivan Zhekov]

Hello.

Placing any type of content in a fixed container is tricky and you will most likely run into trouble. The workaround you have created is good, but do have in mind that it's a tailored solution to your specific case.

 One possible solution would be to close the combo on page scroll, or to be able to set the "positioning" container to something else. Of course the latter should with no hidden overflow, or the popup will be cut off.

Regards,
Ivan Zhekov
Telerik