166930 2017-01-11 10:22:39 -0800 Value of a color input does not update visually when using setAttribute 2021-05-20 06:21:54 -0700 1 1 1 Unclassified WebKit Forms Safari Technology Preview Mac macOS 10.12 RESOLVED FIXED InRadar P2 Normal --- 1 dvpdiner2 akeerthi akeerthi cdumez changseok esprehn+autocc ews-watchlist gyuyoung.kim mifenton simon.fraser webkit-bug-importer wenson_hsieh oldest_to_newest 1265808 0 dvpdiner2 2017-01-11 10:22:39 -0800 With an <input type="color">, if you set the value dynamically via setAttribute('value', '#ff0000') it still shows the input color visually as black rather than the updated value (red, in this case). The actual value of the input is correct, and if you open the color picker then it shows the correct value selected. Here's an example JSFiddle which starts out black and sets the value via setAttribute after 1.5 seconds: https://jsfiddle.net/1wLsa0jc/ 1266035 1 webkit-bug-importer 2017-01-11 19:13:22 -0800 <rdar://problem/29983218> 1761752 2 429108 akeerthi 2021-05-19 16:09:35 -0700 Created attachment 429108 Patch 1761923 3 akeerthi 2021-05-20 06:18:19 -0700 Thanks for the review! 1761925 4 ews-feeder 2021-05-20 06:21:49 -0700 Committed r277778 (237939@main): <https://commits.webkit.org/237939@main> All reviewed patches have been landed. Closing bug and clearing flags on attachment 429108. 429108 2021-05-19 16:09:35 -0700 2021-05-20 06:21:51 -0700 Patch bug-166930-20210519190934.patch text/plain 4061 akeerthi U3VidmVyc2lvbiBSZXZpc2lvbjogMjc3NjAyCmRpZmYgLS1naXQgYS9Tb3VyY2UvV2ViQ29yZS9D aGFuZ2VMb2cgYi9Tb3VyY2UvV2ViQ29yZS9DaGFuZ2VMb2cKaW5kZXggOGMxMjFhOTFjNjc0OGZi NGI2YWMzMzUzYjA4M2I4ZmIzZGIyMjc2Ni4uYTgwODcxMzA1ZmQyZTM0MWU5MDJiMzNlODI1ODJk ZTk5YjAwNDNmNiAxMDA2NDQKLS0tIGEvU291cmNlL1dlYkNvcmUvQ2hhbmdlTG9nCisrKyBiL1Nv dXJjZS9XZWJDb3JlL0NoYW5nZUxvZwpAQCAtMSwzICsxLDIwIEBACisyMDIxLTA1LTE5ICBBZGl0 eWEgS2VlcnRoaSAgPGFrZWVydGhpQGFwcGxlLmNvbT4KKworICAgICAgICBWYWx1ZSBvZiBhIGNv bG9yIGlucHV0IGRvZXMgbm90IHVwZGF0ZSB2aXN1YWxseSB3aGVuIHVzaW5nIHNldEF0dHJpYnV0 ZQorICAgICAgICBodHRwczovL2J1Z3Mud2Via2l0Lm9yZy9zaG93X2J1Zy5jZ2k/aWQ9MTY2OTMw CisgICAgICAgIDxyZGFyOi8vcHJvYmxlbS8yOTk4MzIxOD4KKworICAgICAgICBSZXZpZXdlZCBi eSBOT0JPRFkgKE9PUFMhKS4KKworICAgICAgICBUZXN0OiBmYXN0L2Zvcm1zL2NvbG9yL2NvbG9y LWlucHV0LXNldC1hdHRyaWJ1dGUtdmFsdWUuaHRtbAorCisgICAgICAgICogaHRtbC9Db2xvcklu cHV0VHlwZS5jcHA6CisgICAgICAgIChXZWJDb3JlOjpDb2xvcklucHV0VHlwZTo6YXR0cmlidXRl Q2hhbmdlZCk6CisKKyAgICAgICAgVXBkYXRlIHRoZSBjb2xvciBzd2F0Y2ggd2hlbiB0aGUgdmFs dWUgYXR0cmlidXRlIGlzIGNoYW5nZWQuCisKKyAgICAgICAgKiBodG1sL0NvbG9ySW5wdXRUeXBl Lmg6CisKIDIwMjEtMDUtMTcgIFdlbnNvbiBIc2llaCAgPHdlbnNvbl9oc2llaEBhcHBsZS5jb20+ CiAKICAgICAgICAgW0dQVSBQcm9jZXNzXSBWYWxpZGF0ZSBEb2N1bWVudE1hcmtlckxpbmVTdHls ZTo6TW9kZSB3aGVuIGRlY29kaW5nIERyYXdEb3RzRm9yRG9jdW1lbnRNYXJrZXIKZGlmZiAtLWdp dCBhL1NvdXJjZS9XZWJDb3JlL2h0bWwvQ29sb3JJbnB1dFR5cGUuY3BwIGIvU291cmNlL1dlYkNv cmUvaHRtbC9Db2xvcklucHV0VHlwZS5jcHAKaW5kZXggNmU3ZWE1Mjc1NGE4YmNjZGEyOTdkYmU3 NzQ2ZGUxM2ViZTI3OWJjOC4uMzM3OWI4YmNjMmFlNWZkMmNlMmJlOTViZDNjZTMyZDY4OWM5OTU2 OSAxMDA2NDQKLS0tIGEvU291cmNlL1dlYkNvcmUvaHRtbC9Db2xvcklucHV0VHlwZS5jcHAKKysr IGIvU291cmNlL1dlYkNvcmUvaHRtbC9Db2xvcklucHV0VHlwZS5jcHAKQEAgLTE2NSw2ICsxNjUs MTQgQEAgdm9pZCBDb2xvcklucHV0VHlwZTo6c2V0VmFsdWUoY29uc3QgU3RyaW5nJiB2YWx1ZSwg Ym9vbCB2YWx1ZUNoYW5nZWQsIFRleHRGaWVsZEUKICAgICAgICAgbV9jaG9vc2VyLT5zZXRTZWxl Y3RlZENvbG9yKHZhbHVlQXNDb2xvcigpKTsKIH0KIAordm9pZCBDb2xvcklucHV0VHlwZTo6YXR0 cmlidXRlQ2hhbmdlZChjb25zdCBRdWFsaWZpZWROYW1lJiBuYW1lKQoreworICAgIGlmIChuYW1l ID09IHZhbHVlQXR0cikKKyAgICAgICAgdXBkYXRlQ29sb3JTd2F0Y2goKTsKKworICAgIElucHV0 VHlwZTo6YXR0cmlidXRlQ2hhbmdlZChuYW1lKTsKK30KKwogdm9pZCBDb2xvcklucHV0VHlwZTo6 aGFuZGxlRE9NQWN0aXZhdGVFdmVudChFdmVudCYgZXZlbnQpCiB7CiAgICAgQVNTRVJUKGVsZW1l bnQoKSk7CmRpZmYgLS1naXQgYS9Tb3VyY2UvV2ViQ29yZS9odG1sL0NvbG9ySW5wdXRUeXBlLmgg Yi9Tb3VyY2UvV2ViQ29yZS9odG1sL0NvbG9ySW5wdXRUeXBlLmgKaW5kZXggMDczYjA5NzZhMjAx OWNjMzYzZjdmZWVhM2QwZDQ2MmRlNDJiZGJlNC4uM2NhNGM5ZjQ1ZWYwOGIyMWY3YmIyYWM1MzEz NzM3OTZkN2JiZGZmMCAxMDA2NDQKLS0tIGEvU291cmNlL1dlYkNvcmUvaHRtbC9Db2xvcklucHV0 VHlwZS5oCisrKyBiL1NvdXJjZS9XZWJDb3JlL2h0bWwvQ29sb3JJbnB1dFR5cGUuaApAQCAtNTks NiArNTksNyBAQCBwcml2YXRlOgogICAgIFN0cmluZyBzYW5pdGl6ZVZhbHVlKGNvbnN0IFN0cmlu ZyYpIGNvbnN0IGZpbmFsOwogICAgIHZvaWQgY3JlYXRlU2hhZG93U3VidHJlZUFuZFVwZGF0ZUlu bmVyVGV4dEVsZW1lbnRFZGl0YWJpbGl0eShDb250YWluZXJOb2RlOjpDaGlsZENoYW5nZTo6U291 cmNlLCBib29sKSBmaW5hbDsKICAgICB2b2lkIHNldFZhbHVlKGNvbnN0IFN0cmluZyYsIGJvb2wg dmFsdWVDaGFuZ2VkLCBUZXh0RmllbGRFdmVudEJlaGF2aW9yKSBmaW5hbDsKKyAgICB2b2lkIGF0 dHJpYnV0ZUNoYW5nZWQoY29uc3QgUXVhbGlmaWVkTmFtZSYpIGZpbmFsOwogICAgIHZvaWQgaGFu ZGxlRE9NQWN0aXZhdGVFdmVudChFdmVudCYpIGZpbmFsOwogICAgIHZvaWQgZGV0YWNoKCkgZmlu YWw7CiAgICAgdm9pZCBlbGVtZW50RGlkQmx1cigpIGZpbmFsOwpkaWZmIC0tZ2l0IGEvTGF5b3V0 VGVzdHMvQ2hhbmdlTG9nIGIvTGF5b3V0VGVzdHMvQ2hhbmdlTG9nCmluZGV4IDEyOTE3Mjc1M2E0 ZWVmOGE1ZjIxMDUxOWQ3ODZmNGMxZmQ3ZjI5ZjYuLjM5MmVhOGY0NWY4YjZiYzJmMzU2NTQwNmE5 MGFiNjAyZmFhYjUzYzEgMTAwNjQ0Ci0tLSBhL0xheW91dFRlc3RzL0NoYW5nZUxvZworKysgYi9M YXlvdXRUZXN0cy9DaGFuZ2VMb2cKQEAgLTEsMyArMSwxNCBAQAorMjAyMS0wNS0xOSAgQWRpdHlh IEtlZXJ0aGkgIDxha2VlcnRoaUBhcHBsZS5jb20+CisKKyAgICAgICAgVmFsdWUgb2YgYSBjb2xv ciBpbnB1dCBkb2VzIG5vdCB1cGRhdGUgdmlzdWFsbHkgd2hlbiB1c2luZyBzZXRBdHRyaWJ1dGUK KyAgICAgICAgaHR0cHM6Ly9idWdzLndlYmtpdC5vcmcvc2hvd19idWcuY2dpP2lkPTE2NjkzMAor ICAgICAgICA8cmRhcjovL3Byb2JsZW0vMjk5ODMyMTg+CisKKyAgICAgICAgUmV2aWV3ZWQgYnkg Tk9CT0RZIChPT1BTISkuCisKKyAgICAgICAgKiBmYXN0L2Zvcm1zL2NvbG9yL2NvbG9yLWlucHV0 LXNldC1hdHRyaWJ1dGUtdmFsdWUtZXhwZWN0ZWQuaHRtbDogQWRkZWQuCisgICAgICAgICogZmFz dC9mb3Jtcy9jb2xvci9jb2xvci1pbnB1dC1zZXQtYXR0cmlidXRlLXZhbHVlLmh0bWw6IEFkZGVk LgorCiAyMDIxLTA1LTE3ICBEZWFuIEphY2tzb24gIDxkaW5vQGFwcGxlLmNvbT4KIAogICAgICAg ICBTa2lwIFdlYlhSIHRlc3RzIGFnYWluLiBUaGV5IGFyZSBmbGFrZXkuCmRpZmYgLS1naXQgYS9M YXlvdXRUZXN0cy9mYXN0L2Zvcm1zL2NvbG9yL2NvbG9yLWlucHV0LXNldC1hdHRyaWJ1dGUtdmFs dWUtZXhwZWN0ZWQuaHRtbCBiL0xheW91dFRlc3RzL2Zhc3QvZm9ybXMvY29sb3IvY29sb3ItaW5w dXQtc2V0LWF0dHJpYnV0ZS12YWx1ZS1leHBlY3RlZC5odG1sCm5ldyBmaWxlIG1vZGUgMTAwNjQ0 CmluZGV4IDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAuLjBkZTgxNmVj MWNkYjI5ZDhmZWNiMjk5MWQwMzMyMDc4N2I3MzA1YzYKLS0tIC9kZXYvbnVsbAorKysgYi9MYXlv dXRUZXN0cy9mYXN0L2Zvcm1zL2NvbG9yL2NvbG9yLWlucHV0LXNldC1hdHRyaWJ1dGUtdmFsdWUt ZXhwZWN0ZWQuaHRtbApAQCAtMCwwICsxIEBACis8aW5wdXQgdHlwZT0iY29sb3IiIHZhbHVlPSIj ZmYwMDAwIi8+CmRpZmYgLS1naXQgYS9MYXlvdXRUZXN0cy9mYXN0L2Zvcm1zL2NvbG9yL2NvbG9y LWlucHV0LXNldC1hdHRyaWJ1dGUtdmFsdWUuaHRtbCBiL0xheW91dFRlc3RzL2Zhc3QvZm9ybXMv Y29sb3IvY29sb3ItaW5wdXQtc2V0LWF0dHJpYnV0ZS12YWx1ZS5odG1sCm5ldyBmaWxlIG1vZGUg MTAwNjQ0CmluZGV4IDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAuLmUy NWQ2MDZmNzQxMjZhMjBhZWQ1MjgzZjE1NzVkM2VkNWE2ZTM2NGYKLS0tIC9kZXYvbnVsbAorKysg Yi9MYXlvdXRUZXN0cy9mYXN0L2Zvcm1zL2NvbG9yL2NvbG9yLWlucHV0LXNldC1hdHRyaWJ1dGUt dmFsdWUuaHRtbApAQCAtMCwwICsxLDUgQEAKKzxpbnB1dCB0eXBlPSJjb2xvciIgaWQ9ImlucHV0 IiB2YWx1ZT0iIzAwMDBmZiIvPgorPHNjcmlwdD4KK2xldCBpbnB1dCA9IGRvY3VtZW50LmdldEVs ZW1lbnRCeUlkKCJpbnB1dCIpOworaW5wdXQuc2V0QXR0cmlidXRlKCJ2YWx1ZSIsICIjZmYwMDAw IikKKzwvc2NyaXB0Pgo=