Resize terminate inline editing

[Mendrace]

I have a small problem. The size of the grid is automatically adjusted for me with a surrounding div. This looks something like this:

$(".pq-grid").each(function(i) {
        $( this ).pqGrid("option", "width", outerDivWidth);
        $( this ).pqGrid("option", "height", outerDivHeight);
        $( this ).pqGrid("refresh");
});

This also works great. But on mobile devices the keyboard is shown when editing directly. This causes a resize. A "refresh" is called again on the grid. This will terminate the direct edit again. Is there a way to prevent this?

[paramvir]

You could check whether the grid is in edit mode with API https://paramquery.com/pro/api#method-getEditCell

and don't resize the grid when it's.

[Mendrace]

Thank you. Works. Can I also check if the focus is on a search field (in the header)?

[paramvir]

There is no grid helper API for this.

However in js/ jQuery, it would be.

var $focus = $(document.activeElement) //focused element.
if( $focus.hasClass("pq-grid-hd-search-field") ){
  //don't resize $focus.closest(".pq-grid")
}