Modal só funciona no Firefox

Bom dia, configurando uma interação tenho costume de usar o firefox para testar e utilizando a ferramenta modal não tive problemas. Porem ao testa-la no Google Chrome o modal não funciona e nem é apresentado erro no console, oque é bem estranho.

firefox: 78.0.2 (64-bits) Google Chrome: Versão 83.0.4103.116

function ValidaDataset() {

    console.log("Modal");

    var myModal = FLUIGC.modal({
        title: 'Aviso',
        content: 'Selecione o tipo de <b>Industrialização</b> que deseja enviar.',

        id: 'fluig-modal',
            actions: [{
                'label' : 'Industrialização',
                'bind' : "data-add-modal-1",
                'autoClose': true,
            },{
                'label' : 'Compra de Equip. Modelagem',
                'bind' : "data-add-modal-2",
                'autoClose': true,
            }]
    }, function() {

        $("#fluig-modal").find("button[data-add-modal-1]").on("click", function() {

            let valorCampo = '1';
            console.log("Valor campo" + valorCampo);
            $("#testeform").val(valorCampo);
        })

         $("#fluig-modal").find("button[data-add-modal-2]").on("click", function() {

            let valorCampo = '2';
            console.log("Valor campo" + valorCampo);
            $("#testeform").val(valorCampo);
        })




    }        
    );
}


function ValidaOrcamento() {

    console.log("ModalOrçamento");

    var myModal = FLUIGC.modal({
        title: 'Aviso',
        content: 'Por favor anexar o <b> "Datasheet" </b> folha de especificações do produto.',

        id: 'fluig-modal',
            actions: [{
                'label' : 'Close',
                'bind' : "data-add-modal-3",
                'autoClose': true,
            }]
    }, function(err, data) {
        if(err) {
            // do error handling
        } else {
            // do something with data
        }
    }        
    );
}
 <div class="col-md-3">
                            <label for="resolvido">Tipo de necessidade: <FONT COLOR="red">*</FONT> </label>
                            <select name="tipoNecessidade" id="tipoNecessidade" addBlankLine="false"
                                class="form-control">
                                <option value="">Selecione...</option>
                                <option value="tipoNecessidadeCompraMaterial">Compra de material</option>
                                <option value="tipoNecessidadeOrcamento" onclick="ValidaOrcamento()">Orçamento</option>
                                <option value="tipoNecessidadeContraServico">Contratação de serviço</option>
                                <option value="tipoNecessidadeMaterialServico">Compra de Material / Serviço</option>
                                <option value="tipoNecessidadeRemessa">Remessa para conserto</option>
                                <option value="tipoNecessidadeGarantia">Garantia</option>
                                <option value="tipoNecessidadeSimplesRemessa">Simples Remessa</option>
                                <option value="tipoNecessidadeIndustrializacao" onclick="ValidaDataset()" >Equip. Modelagem</option>

                            </select>

                        </div>

modal.png

compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags modal ou faça a sua própria pergunta.