DropDownMenu visibility in TelerikGrid

[Anna]

I'm using TelerikGrid. In first Column in every row I have button and when customer press button dropdownmenu is opening. But if there is few rows in grid, DropDownMenu is not showing properly, it's behind the grid

I tried to add this, but it didn't help.

td[role=gridcell] {
overflow: visible !important;
color: #6f717a;
}

[Nadezhda Tacheva]

Hello Anna,

The reason for this behavior most likely stems from the dropdown position in the DOM. When dealing with Grid, the positioning of such items can be complicated as the component itself has pretty complicated structure.

To validate what styles are computed on the dropdown, you may check the dev tools in your browser. 

As for the purposes of achieving your desired scenario, you might consider the following feature requests that we have opened in our feedback portal:

• Split button - a button with additional options that you can choose from a dropdown associated with that button
  
  
• A Dropdown / Popup component tied to an anchor for positioning 

As for a workaround at the moment, you may try using a ContextMenu to be opened on a button click. This example demonstrates how to use ContextMenu in a GridRow  and handle some CUD operations. If this is something you'd like to go for,  you can use the example for reference and just add a button in every row that will be opening the ContextMenu onclick - this example shows how you can tie it to its target and show it on any event.

Regards,
Nadezhda Tacheva
Progress Telerik