[form] not working click input after initialise form

[apple-idn]

Bug Report

[Form] Inside on click form not working

Steps to reproduce

1. create input file in field
2. initialize ui.form(if not initialise form working fine)
3. click file not running script
4. before FUI 2.7.5 its working fine

Expected result

open file it open

Actual result

not working input click

Testcase

https://jsfiddle.net/allwe/1bpuv5r8/2/

Screenshot (when possible)

Version

2.7.5

[lubber-de]

Regression since adf5937 through #661 which implemented the clean/dirty states to a form stopped the event propagation in the isDirty method:

Fomantic-UI/src/definitions/behaviors/form.js

Lines 302 to 304 in 7be57fc

	if (e) {
	e.stopImmediatePropagation();
	}

If e.stopImmediatePropagation(); is removed, the issue is fixed.

@prudho Do you know why this line was necessary (or how we can fix it otherwise) ?

[apple-idn]

not fixed type file(empty file)
** type file on change** not work @lubber-de

[lubber-de]

@apple-idn As said, if the above mentioned line is removed, then your issue is fixed.
See your adjusted fiddle https://jsfiddle.net/ea1urjgs/

@prudho Do you remember why the above mentioned stopPropagation was needed in the isDirty method?

[prudho]

MMmmmh... I'm not sure, maybe it's to avoid triggering multiple events when more than one item is selected. We should do some tests to be sure enough to remove it.

[apple-idn]

thanks @lubber-de BUT answer not complete where input type files empty(not execution), where $('body').on('change', 'input[type="file"]', function(e) {..... not running after, same case if only input type file on form i's EMPTY how do that fix input type file "empty"
see my fiddle
https://jsfiddle.net/allwe/dftr12Le/4/

[lubber-de]

It's fixed now by #767
@apple-idn
I adjusted your latest fiddle. The reason, why the file input was not updating the filename was unfortunately because of many bugs in your code

 <input class="dede" type="text" placeholder="Pilih File (*.xlsx)..." readonly="" nama="dum_file">
<!-- name instead of nama -->

//$($this) has to be $(this)
  var ini = $($this);
  console.log(e);
  var himp = $(this).closest('.action');
  var filename = e.target.files[0].name;
// selector has to be 'input[name="dum_file"]
// filename instead of fileName (typo)
  himp.find('input[type="dum_file"]').val(fileName);

I corrected everything here😉
See https://jsfiddle.net/y0dsjotp/2/

[apple-idn]

wow it's very clear and fixed thanks very much @lubber-de