jQuery Grid Plugin - jqGrid

I have a jqGrid My items whose rows, once clicked, open a jQuery UI modal dialog box Item detailswith details of the selected item. The data records for My items are retrieved through json, as well as each item's details loaded into the dialog Item details. Besides some textual descriptions about the item detailed (say X, the one I clicked on My items), the dialog content also includes a second jqGridSubitems of X. So I have two jqGrids on page: My items and Subitems of X; the later inside a modal dialog box Item details.

Advanced search works just fine for grid My items. I'm able to set rules and groups of rules and filter the grid with no problems at all. On grid Subitems of X though Advanced search pops up, I'm able to add or delete rules and groups of rules BUT I cannot input data to any form field (the search data) — they seem to be disabled for editing except they don't have such attribute set (or any other that suggests it is in fact disabled). I just can't focus them to enter any text. My datetime picker fields are the only exception; these I can click and choose a date on the calendar, but still not being able to input as text.

Also, the most strange thing happens when I change the value of any select field inside the Advanced search dialog box, including operators of groups (AND/OR) and rules ('equals to', 'begins with', etc): the first clickable element inside the modal dialog Item details, hidden behind the overlay of the advanced search dialog box (also modal), is clicked. In my case, this "first clickable element" happens to be a jQuery UI tab, because I splitted text descriptions about X and Subitems of X into two tabs inside the dialog Item details. Since the grid Subitems of X is on my second tab, when I activate this tab, see the grid, click to open the advanced search dialog for it and change any select field, the first tab of Item details is activated and I miss the grid.

In order to test whether or not it was anything related to jQuery UI Tabs, I tried not to use it, keeping only the grid Subitems of X inside the modal dialog Item details. When I changed a select field of the advanced search, it still executed the 'click' event of the first clickable element behind — now a button to open a third dialog box.

Please, I need help with this creepy behavior of jqGrid Advanced search inside a dialog popup. Thanks.

–

BTW, I'm using jqGrid 4.4.0 w/ jQuery 1.10.2. I tried updating jqGrid to 4.5.1, but same thing happened. Some of my most relevant grid properties are: {datatype: 'json', multiselect: true, sortable: true}, using pager, search options: {multipleSearch: true, multipleGroup: true, closeAfterSearch: true}. This is valid for both of my grids – in and outside the modal dialog box.