Test the ClipboardEvent constructor

[foolip]

See w3c/clipboard-apis#33 for context.

[guest271314]

@foolip One interesting aspect of new ClipboardEvent() that found at Firefox 57 is that when the .files property is set at the .dataTransfer object using .items .add() method, then that .files object is set at an <input type="file"> .files property whatwg/html#2866, if the <input type="file"> element .value is set to null the File objects at both the .files property of .dataTransfer and of <input type="file"> element are removed from the FileList object. Not certain if that is the expected result according to a specification?

      const input = document.createElement("input");
      const dt = new ClipboardEvent("").clipboardData;
      const file = new File(["a"], "a.txt", {type:"text/plain"});
      input.type = "file";
      dt.items.add(file);
      console.log(dt.files);
      input.files = dt.files;
      console.log(input.files, dt.files);
      input.value = null;
      console.log(input.files, dt.files);

plnkr http://plnkr.co/edit/AVeKTSKxOwb8jA4keE2m?p=preview

[foolip]

@guest271314 I'm not sure actually if that's per spec, but did you try the same code in different browsers to see if it's interoperable, or does only Firefox have it so far?

[jimmywarting]

@guest271314 Oh so long i have been waiting for input.files to be settable finally there is a way to do it. wish there was a nicer way to deal with it doe...

[guest271314]

@foolip new ClipboardEvent("").clipboardData returns null at Chromium/Chrome. new DataTransfer() is not yet supported at Firefox.

[guest271314]

@jimmywarting Does whatwg/html#3269 (comment) help?

[jimmywarting]

Well, i don't need it now but i will remember this