Cannot submit a form inside a charm

[ericpreisig]

Hello,
because of the "e.preventDefault();" (line 3941) in the metro.js, we cannot submit any form inside the charm which is really annoying. (I was stuck for 2 hours on this bug)

Maybe we can remove this "e.preventDefault();" I didn't found in what it was useful maybe you guys know ?

[mschop]

+1

[olton]

I did remove close charms on document click and preventDefaul an d StopPropogation linked with this. This fixed in develop branch

[sutherland007]

I've found a way you can close charms by clicking outside them using the document click event and submit inside a charm with no problems by adding this:

$(document).on('click', function(e){
     $('[data-role=charm]').each(function(i, el){
        if(!$(e.target).closest(el).length){
             if (!$(el).hasClass('keep-open') && $(el).data('displayed')===true) {
                 $(el).data('charm').close();
             }
        }
     });
 });

I've tested it with ruby on rails (using firefox and vivaldi) and nw.js, it worked perfectly fine, My solution is based on this link consider it for metro ui 4 and the current version.