geocomplete e modal

[jokita18 0]

olá Tenho o plugin geocemplete do jquey istalado e funciona perfeitamente. mas quando tento abrir o formulário numa janela feita pelo magnifc popup a lista de sugestões do geocomplete deixa de estar visivel. se eu a mexer com as setas ele seleciona a sugestão (mesmo eu não vendo a sugestão) por isso sei que o plugin está a funcionar mas inflizmente não consigo ver as sugestões .

conseguem ajudar-me por favor?

desde já agradecido

 <li> <a href="#form" data-effect="mfp-zoom-in" title="" class="btn-green btn btn-big open-popup-link" style="  float: right;margin-right: 34px;margin-top: 37px;">abrir  </a></li>
<div id="form" class="white-popup mfp-hide">
   <form name="incrcoes" method="post" action=""  data-parsley-validate class="fontnormal">
            <label>
            <span>Nome:</span>
            <input type="text" name="nome" placeholder="Escreva o seu primeiro e último nome"  data-parsley-trigger="keyup" data-parsley-minlength="2" required>
           
            </label>
            <label>
            <span>Email:</span>
            <input type="email" name="email" placeholder="Escreva o seu email"data-parsley-trigger="keyup" required>
            </label><label>
            <span>Telemóvel:</span>
            <input type="tel" name="telemovel" placeholder="Escreva o seu telemóvel"data-parsley-trigger="keyup" data-parsley-minlength="9" required>
            </label>
            <label>
            <span>Morada:</span>
            <input type="text" name="morada" id="morada" placeholder="Escreva a sua morada" data-parsley-trigger="keyup" data-parsley-minlength="5" required>
            </label>
            <label>
            <span>Profissão:</span>
            <input type="text" name="Profissao" placeholder="Escreva a sua Profissão" data-parsley-trigger="keyup" data-parsley-minlength="2" required>
            </label>
            <label>
            <span>Como chegou até nós:</span>
            <textarea  name="chegou" rows="10" placeholder="Escreva como Chegou até nós:" required></textarea>
            </label>
            <div class="g-recaptcha" data-sitekey="6LdwwP4SAAAAAAV8we1qQR4fHGWsxNq6kjre4d1B"></div>
                <input type="submit" name="envia_insc" value="Iscreva-se no curso">
            
        </form>
</div>

   $(function(){
        
        $("#morada").geocomplete()
          .bind("morada:result", function(event, result){
            $.log("Result: " + result.formatted_address);
    
          })
          .bind("morada:error", function(event, status){
            $.log("ERROR: " + status);
          })
          .bind("morada:multiple", function(event, results){
            $.log("Multiple: " + results.length + " results found");
          });
        
        $("#find").click(function(){
          $("#morada").trigger("geocode");
        });
        
        
        $("#morada a").click(function(){
          $("#morada").val($(this).text()).trigger("geocode");
          return false;
        });
        
      });

$('.open-popup-link').magnificPopup({

  removalDelay: 100, //delay removal by X to allow out-animation
  callbacks: {
    beforeOpen: function() {
       this.st.mainClass = this.st.el.attr('data-effect');
    }
  },
  midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source.
});

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  
}