227698 2021-07-06 02:47:22 -0700 Can't open <input type=color> with HTMLElement.click() when color input created as part of click event 2021-07-13 02:48:21 -0700 1 1 1 Unclassified WebKit Forms Safari 14 Unspecified Unspecified NEW InRadar P2 Normal --- 1 dan webkit-unassigned akeerthi cdumez graouts hi webkit-bug-importer wenson_hsieh oldest_to_newest 1774908 0 432913 dan 2021-07-06 02:47:22 -0700 Created attachment 432913 input type=color vs. type=file in various scenarios As with other types of inputs, color inputs can be activated by calling their `HTMLElement.click()` method. However, invoking `inputElement.click()` immediately after creating the `inputElement` DOM element and attaching it to the document tree has no effect. Other types of inputs (e.g. `file`) works well even in this scenario. In the attached test case: A. Open existing input element with immediate `click()` — works for both `file` and `color` types; B. Open existing input element with delayed `click()` — works for both `file` and `color` types; C. Create input element as part of gesture, immediate `click()` — works for `file` type but NOT `color` type; D. Create input element as part of gesture, delayed `click()` — works for both `file` and `color` types. In other words: * color inputs don't work in scenario C, although it seems they should; * color inputs can be made to work by delaying the `click()` call with `window.setTimeout(() => { inputEl.click(); }, 0)`. 1776583 1 webkit-bug-importer 2021-07-13 02:48:21 -0700 <rdar://problem/80508747> 432913 2021-07-06 02:47:22 -0700 2021-07-06 02:47:22 -0700 input type=color vs. type=file in various scenarios color-htmlelement-click.html text/html 1788 dan PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KCTxtZXRhIGNoYXJzZXQ9InV0Zi04Ij4KCTx0 aXRsZT5IVE1MRWxlbWVudC5jbGljaygpIG9uIGlucHV0czwvdGl0bGU+CjwvaGVhZD4KPGJvZHk+ Cgk8aDI+QS4gT3BlbiBleGlzdGluZyBpbnB1dCBlbGVtZW50IHdpdGggaW1tZWRpYXRlIDx2YXI+ Y2xpY2soKTwvdmFyPjwvaDI+Cgk8ZGl2PgoJCTxidXR0b24+b3BlbiBmaWxlIGlucHV0PC9idXR0 b24+CgkJPGlucHV0IHR5cGU9J2ZpbGUnIHZhbHVlPScnLz4KCTwvZGl2PgoJPGRpdj4KCQk8YnV0 dG9uPm9wZW4gY29sb3IgaW5wdXQ8L2J1dHRvbj4KCQk8aW5wdXQgdHlwZT0nY29sb3InIHZhbHVl PScjZmYwMDAwJy8+Cgk8L2Rpdj4KCgk8aDI+Qi4gT3BlbiBleGlzdGluZyBpbnB1dCBlbGVtZW50 IHdpdGggZGVsYXllZCA8dmFyPmNsaWNrKCk8L3Zhcj48L2gyPgoJPGRpdj4KCQk8YnV0dG9uIGRh dGEtZGVsYXk9J3RydWUnPm9wZW4gZmlsZSBpbnB1dDwvYnV0dG9uPgoJCTxpbnB1dCB0eXBlPSdm aWxlJyB2YWx1ZT0nJy8+Cgk8L2Rpdj4KCTxkaXY+CgkJPGJ1dHRvbiBkYXRhLWRlbGF5PSd0cnVl Jz5vcGVuIGNvbG9yIGlucHV0PC9idXR0b24+CgkJPGlucHV0IHR5cGU9J2NvbG9yJyB2YWx1ZT0n I2ZmMDAwMCcvPgoJPC9kaXY+CgoJPGgyPkMuIENyZWF0ZSBpbnB1dCBlbGVtZW50IGFzIHBhcnQg b2YgZ2VzdHVyZSwgaW1tZWRpYXRlIDx2YXI+Y2xpY2soKTwvdmFyPjwvaDI+Cgk8ZGl2PgoJCTxi dXR0b24gZGF0YS10eXBlPSdmaWxlJyBkYXRhLXZhbHVlPScnPmNyZWF0ZSAmIG9wZW4gZmlsZSBp bnB1dDwvYnV0dG9uPgoJPC9kaXY+Cgk8ZGl2PgoJCTxidXR0b24gZGF0YS10eXBlPSdjb2xvcicg ZGF0YS12YWx1ZT0nI2ZmMDAwMCc+Y3JlYXRlICYgb3BlbiBjb2xvciBpbnB1dDwvYnV0dG9uPgoJ PC9kaXY+CgoJPGgyPkQuIENyZWF0ZSBpbnB1dCBlbGVtZW50IGFzIHBhcnQgb2YgZ2VzdHVyZSwg ZGVsYXllZCA8dmFyPmNsaWNrKCk8L3Zhcj48L2gyPgoJPGRpdj4KCQk8YnV0dG9uIGRhdGEtdHlw ZT0nZmlsZScgZGF0YS12YWx1ZT0nJyBkYXRhLWRlbGF5PSd0cnVlJz5jcmVhdGUgJiBvcGVuIGZp bGUgaW5wdXQ8L2J1dHRvbj4KCTwvZGl2PgoJPGRpdj4KCQk8YnV0dG9uIGRhdGEtdHlwZT0nY29s b3InIGRhdGEtdmFsdWU9JyNmZjAwMDAnIGRhdGEtZGVsYXk9J3RydWUnPmNyZWF0ZSAmIG9wZW4g Y29sb3IgaW5wdXQ8L2J1dHRvbj4KCTwvZGl2PgoKCTxzY3JpcHQ+CgkJZG9jdW1lbnQucXVlcnlT ZWxlY3RvckFsbCgnYnV0dG9uJykuZm9yRWFjaChidG4gPT4gewoJCQlidG4uYWRkRXZlbnRMaXN0 ZW5lcignY2xpY2snLCBlID0+IHsKCQkJCWxldCBpbnB1dEVsOwoJCQkJaWYgKGJ0bi5kYXRhc2V0 LnR5cGUpIHsKCQkJCQlpbnB1dEVsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnaW5wdXQnKTsK CQkJCQlpbnB1dEVsLnR5cGUgPSBidG4uZGF0YXNldC50eXBlOwoJCQkJCWlucHV0RWwudmFsdWUg PSBidG4uZGF0YXNldC52YWx1ZSB8fCAnJzsKCQkJCQlidG4ucGFyZW50Tm9kZS5hcHBlbmRDaGls ZChpbnB1dEVsKTsKCQkJCX0gZWxzZSB7CgkJCQkJaW5wdXRFbCA9IGJ0bi5uZXh0RWxlbWVudFNp Ymxpbmc7CgkJCQl9CgkJCQlsZXQgZm4gPSAoKSA9PiB7CgkJCQkJaW5wdXRFbC5jbGljaygpOwoJ CQkJfTsKCQkJCWlmIChidG4uZGF0YXNldC5kZWxheSkgewoJCQkJCXdpbmRvdy5zZXRUaW1lb3V0 KGZuLCAwKTsKCQkJCX0gZWxzZSB7CgkJCQkJZm4oKTsKCQkJCX0KCQkJfSk7CgkJfSk7Cgk8L3Nj cmlwdD4KPC9ib2R5Pgo8L2h0bWw+