I am facing an issue with a multiselect dropdown in my kendo grid, which is being used for a kendo modal window. The dropdown box initially appears correctly but when I scroll horizontally due to multiple columns, the selected value still displays at the original position. The current css class is set to position relative on the parent element.
Do you have any suggestions on how to resolve this problem?
main.html
<div multiselect-dropdown-tree
class="geoPosition"
ng-model="this.dataItem.geoLocationsKeyList"
disable-children="true"
options="treeviewOptions">
</div>
main.css
.geoPosition {
position:inherit !important;
}