Draggable ngx- bootstrap исправлено только модальное перемещение тела и фон

Question

Я использую Angular2-Draggable для создания перетаскиваемого модального окна, но перетаскивается только контент, а фон фиксирован.

i tried by change angular2-draggable directive selector to class ('.ngDraggable') fix this bug but it's not applied to parrent element (class='modal-dialog' role='document')

модальный просмотр

Я использую приведенный ниже код для отображения модального окна:

this.modalService.show(OwnerAdvertisingOpportunityAddeditComponent, 
  { initialState, class: 'ngDraggable modal-lg' });

Любая помощь или идея?

Answer 1

Ответьте на мой вопрос:
Я решил эту проблему с помощью css

.modal-dialog.ngDraggable {
  .modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }
  .ngDraggable {
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: 6px;
    border: 1px solid #999;
    overflow: hidden;
  }    
}

Но если у кого-то есть лучшее решение, спасибо, что поделился