Ag-сеточный фильтр не исчезает при размытии

Question

Я работаю над ag-grid в приложении Vuejs.У меня есть ag-grid в разных компонентах.Но в нескольких компонентах всплывающее окно ag-grid не исчезает, если мы щелкаем за его пределами.Исчезает, если мы нажимаем клавишу «ESC».Пожалуйста, помогите!

Вот мой код, связанный с фильтрами.

{headerName: 'Selected', field: 'deliver', cellStyle: {textAlign: 'center'}, checkboxSelection: true, suppressFilter: true, suppressResize: true, suppressSizeToFit: true, width: 105},
{headerName: 'Name', field: 'name'},
{headerName: 'Name', field: 'typeName'},
{headerName: 'GEO ID', field: 'id'}

this.gridOptions = {
  columnDefs: this.createColDefs(),
  rowSelection: 'multiple',
  animateRows: true,
  rowHeight: 36,
  // adding default column definitions
  defaultColDef: {
    cellStyle: {textAlign: 'left', padding: '3px'}
  },
  enableColResize: true,
  enableFilter: true,
  enableSorting: false,
  sortingOrder: ['asc', 'desc'],
  onSelectionChanged: this.onSelectionChanged
  },