Пользовательский интерфейс исчезает при нажатии

Question

У меня проблема с выпадающим списком в пользовательском интерфейсе.

Это мой шаблон ячейки, где он должен быть.

{
            cellTemplate: '<div>{{ row.entity.deviceType }}</div>',
            displayName: $filter('prefixTranslate')('device_type', 'devices'),
            field: 'deviceType',
            key: 'deviceType',
            name: 'column_device_type',
            height: 40,
            enableCellEdit: true,
            enableCellEditOnFocus: false,
            editType: 'dropdown',
            editableCellTemplate: `
                <div>
                  <form
                    name="inputForm">
                    <select
                      class="my-select"
                      ng-class="'colt' + col.uid"
                      ui-grid-edit-dropdown
                      ng-model="MODEL_COL_FIELD"
                      ng-options="field[editDropdownIdLabel] as field[editDropdownValueLabel] CUSTOM_FILTERS for field in editDropdownOptionsArray">
                    </select>
                  </form>
                </div>
            `,
            editDropdownValueLabel: 'deviceType',
            editDropdownOptionsArray: [
                { id: 1, deviceType: 'Vertical Tank' },
                { id: 2, deviceType: 'Horizontal Tank' }
            ]
        },

введите описание изображения здесь

Когда вы щелкаете по ячейке, появляется элемент select (1), затем вы нажимаете на элемент select, и он исчезает. Эта проблема может быть решена только быстрым наведением мыши на всплывающем окне (2)

Поэтому, когда я нажимаю на элемент выбора, он просто исчезает и отображается ячейка по умолчанию... Я не знаю, почему это происходит

Спасибо за ответ