Материализовать Modal + filepicker Modal - Conflict

Question

Поэтому я использую следующее, чтобы загрузить шаблон в модальном (что-то).

Template.something.onRendered(function(){ 
    this.$(".modal-trigger").leanModal(); 
}); 

Шаблон имеет кнопки в нем, которая при нажатии вызывает filepicker, используя следующий код, написанный под шаблоны событий

'click #upload': function() { 

     event.preventDefault(); 
     filepicker.pickAndStore(
      { 
       mimetypes: ['image/png'], 
       multiple: false 
      }, 
      { 
       access: "public" 
      }, 
      function (InkBlobs) { 
       var InkBlob = _.first(InkBlobs); 
       var FilepickerId = _.last(InkBlob.url.split("/")); 

      }, 
      function (FPError) { 
       if (FPError && FPError.code !== 101) 
        alert(FPError.toString()); 
      } 
     ); 
    }, 

Проблема у меня есть, filepicker модальные нагрузки под «что-то» покадрово. Из-за этого я не только не могу получить доступ к шаблону filepicker, если даже попытаюсь щелкнуть где-нибудь вне моего «что-то» модального, модальная будет закрыта.

В идеале, я хотел бы, чтобы filepicker всплывал, загружал изображение, закрывал его, делал то, что мне нужно, в «что-то» модальное и закрывал его, вызывая вне модального.

Любой способ избежать столкновения между двумя модалами?

Answer 1

Там уверены, есть, вам нужно настроить Z-индекс модальностей:

https://developer.mozilla.org/en-US/docs/Web/CSS/z-index