231503 2021-10-11 02:08:25 -0700 REGRESSION (r282451): [iOS] Cannot override background of search inputs with 'appearance: textfield' 2021-11-16 11:22:22 -0800 1 1 1 Unclassified WebKit Forms Other iPhone / iPad Unspecified RESOLVED FIXED InRadar P2 Normal --- 1 david.goelzhaeuser akeerthi akeerthi ap bdakin cdumez changseok esprehn+autocc ews-watchlist glenn kondapallykalyan oliverjash pdr webkit-bug-importer wenson_hsieh oldest_to_newest 1802545 0 david.goelzhaeuser 2021-10-11 02:08:25 -0700 Our application uses Transparent <input> elements, starting iOS 15.1 setting the background-color to transparent in the unfocused state will result in a white background color 1802736 1 webkit-bug-importer 2021-10-11 12:20:47 -0700 <rdar://problem/84110684> 1802737 2 ap 2021-10-11 12:20:57 -0700 Could you please provide a complete test case? 1809190 3 david.goelzhaeuser 2021-10-27 00:16:00 -0700 Just head over to our Demo Miniserver http://demominiserver.loxone.us:7785 and login with user "web" and password "web". After everything is loaded you can simply open the search bar (upper right corner). You may need to lose focus by clicking on the black background down below. No worries, this is not a real house, so you can basically click everywhere:) 1809342 4 akeerthi 2021-10-27 11:21:07 -0700 Thank you for the test case. I can reproduce the issue. The behavior you’re seeing is specific to <input type=search> with -webkit-appearance: textfield (which is specified in misc.css). In iOS 15, this combination yields a background color matching the default background color of <input type=text> (white). This was done so that pages which didn’t specify a background color for an <input type=search> (which has a new default background color in iOS 15), but wanted to retain the standard textfield appearance, would be able to do so. However, it appears that the change also limited styleability for that combination. The issue does not reproduce when the search field is focused, due the following rule: body.dark-mode :focus { -webkit-appearance: none; outline: 0; } Which drops the <input type=search> / -webkit-appearance: textfield condition leading to the white background. I’m looking into a fix to restore the original behavior. In the meantime, you should be able to use one the following workarounds: 1. Use <input type=text> instead of <input type=search> 2. Specify `-webkit-appearance: none;` on the search input in misc.css (instead of `textfield`) 1809460 5 442639 akeerthi 2021-10-27 15:35:16 -0700 Created attachment 442639 Patch 1809695 6 ews-feeder 2021-10-28 09:15:13 -0700 Committed r284984 (243631@main): <https://commits.webkit.org/243631@main> All reviewed patches have been landed. Closing bug and clearing flags on attachment 442639. 1815577 7 akeerthi 2021-11-16 11:22:22 -0800 *** Bug 233180 has been marked as a duplicate of this bug. *** 442639 2021-10-27 15:35:16 -0700 2021-10-28 09:15:15 -0700 Patch bug-231503-20211027153515.patch text/plain 6254 akeerthi U3VidmVyc2lvbiBSZXZpc2lvbjogMjg0ODk3CmRpZmYgLS1naXQgYS9Tb3VyY2UvV2ViQ29yZS9D aGFuZ2VMb2cgYi9Tb3VyY2UvV2ViQ29yZS9DaGFuZ2VMb2cKaW5kZXggZjQ4YTgyMjZmOWVjYWQ3 YWNkZjNjYjdmZjZmNzFmYTMyOTJmMzIyNi4uYjJhNmE3ZWI3OWU0MWU1ZDdjMDMzZTMwYTExNzI2 ODE2MWUxZmUzZSAxMDA2NDQKLS0tIGEvU291cmNlL1dlYkNvcmUvQ2hhbmdlTG9nCisrKyBiL1Nv dXJjZS9XZWJDb3JlL0NoYW5nZUxvZwpAQCAtMSwzICsxLDI3IEBACisyMDIxLTEwLTI3ICBBZGl0 eWEgS2VlcnRoaSAgPGFrZWVydGhpQGFwcGxlLmNvbT4KKworICAgICAgICBSRUdSRVNTSU9OIChy MjgyNDUxKTogW2lPU10gQ2Fubm90IG92ZXJyaWRlIGJhY2tncm91bmQgb2Ygc2VhcmNoIGlucHV0 cyB3aXRoICdhcHBlYXJhbmNlOiB0ZXh0ZmllbGQnCisgICAgICAgIGh0dHBzOi8vYnVncy53ZWJr aXQub3JnL3Nob3dfYnVnLmNnaT9pZD0yMzE1MDMKKyAgICAgICAgcmRhcjovLzg0MTEwNjg0CisK KyAgICAgICAgUmV2aWV3ZWQgYnkgTk9CT0RZIChPT1BTISkuCisKKyAgICAgICAgcjI4MjQ1MSBt YWRlIHNlYXJjaCBpbnB1dHMgd2l0aCAnYXBwZWFyYW5jZTogdGV4dGZpZWxkJyBhbHdheXMgaGF2 ZSB0aGUKKyAgICAgICAgc3RhbmRhcmQgdGV4dCBpbnB1dCBiYWNrZ3JvdW5kIGNvbG9yLiBUaGlz IGNoYW5nZSB3YXMgbmVjZXNzYXJ5IHRvIGZpeAorICAgICAgICBzZWFyY2ggaW5wdXQgc3R5bGlu ZyBvbiBzaXRlcyB0aGF0IGRpZCBub3QgY3VzdG9taXplIHNlYXJjaCBpbnB1dAorICAgICAgICBi YWNrZ3JvdW5kcywgYnV0IHJlbGllZCBvbiAnYXBwZWFyYW5jZTogdGV4dGZpZWxkJyB0byBvYnRh aW4gdGhlCisgICAgICAgIGFwcHJvcHJpYXRlIHN0eWxpbmcuCisKKyAgICAgICAgSG93ZXZlciwg dGhlIGNoYW5nZSBhbHNvIG1hZGUgaXQgc28gdGhhdCBhbnkgY3VzdG9taXphdGlvbiB0byB0aGUK KyAgICAgICAgYmFja2dyb3VuZCBjb2xvciBvbiB0b3Agb2YgdGhlIFVBIGRlZmF1bHQgd2FzIG5v dCBob25vcmVkLiBUbyBmaXgsCisgICAgICAgIGNoZWNrIGlmIHRoZSBiYWNrZ3JvdW5kIGNvbG9y IGRpZmZlcnMgZnJvbSB0aGUgVUEgZGVmYXVsdCBwcmlvciB0bworICAgICAgICBtYWtpbmcgdGhl IGFkanVzdG1lbnQuCisKKyAgICAgICAgVGVzdDogZmFzdC9mb3Jtcy9pb3MvZm9ybS1jb250cm9s LXJlZnJlc2gvc2VhcmNoL3RleHRmaWVsZC1hcHBlYXJhbmNlLWJhY2tncm91bmQtc3R5bGVkLmh0 bWwKKworICAgICAgICAqIHJlbmRlcmluZy9SZW5kZXJUaGVtZUlPUy5tbToKKyAgICAgICAgKFdl YkNvcmU6OlJlbmRlclRoZW1lSU9TOjphZGp1c3RUZXh0RmllbGRTdHlsZSBjb25zdCk6CisKIDIw MjEtMTAtMjYgIENocmlzIER1bWV6ICA8Y2R1bWV6QGFwcGxlLmNvbT4KIAogICAgICAgICBodG1s L3NlbWFudGljcy9lbWJlZGRlZC1jb250ZW50L3RoZS1pbWctZWxlbWVudC9hZG9wdGlvbi5odG1s IGlzIHRpbWluZyBvdXQKZGlmZiAtLWdpdCBhL1NvdXJjZS9XZWJDb3JlL3JlbmRlcmluZy9SZW5k ZXJUaGVtZUlPUy5tbSBiL1NvdXJjZS9XZWJDb3JlL3JlbmRlcmluZy9SZW5kZXJUaGVtZUlPUy5t bQppbmRleCBlNWE3ZTQ5YmQ5NzdmOGU0ODVkYjIxOTZlZTBjZGYxM2M5ODM3MmI4Li5jZGIyYjBh MmQxYjc0MGVjNzIxODUwY2M2NzczN2NjNGM5MTgxNDZhIDEwMDY0NAotLS0gYS9Tb3VyY2UvV2Vi Q29yZS9yZW5kZXJpbmcvUmVuZGVyVGhlbWVJT1MubW0KKysrIGIvU291cmNlL1dlYkNvcmUvcmVu ZGVyaW5nL1JlbmRlclRoZW1lSU9TLm1tCkBAIC01NzMsMTIgKzU3MywyMCBAQCB2b2lkIFJlbmRl clRoZW1lSU9TOjphZGp1c3RUZXh0RmllbGRTdHlsZShSZW5kZXJTdHlsZSYgc3R5bGUsIGNvbnN0 IEVsZW1lbnQqIGVsZQogICAgICAgICBoYXNUZXh0ZmllbGRBcHBlYXJhbmNlID0gaW5wdXQuaXNU ZXh0RmllbGQoKSAmJiAhaW5wdXQuaXNTZWFyY2hGaWVsZCgpOwogICAgIH0KIAorICAgIGF1dG8g YWRqdXN0QmFja2dyb3VuZENvbG9yID0gWyZdIHsKKyAgICAgICAgYXV0byBzdHlsZUNvbG9yT3B0 aW9ucyA9IGVsZW1lbnQtPmRvY3VtZW50KCkuc3R5bGVDb2xvck9wdGlvbnMoJnN0eWxlKTsKKyAg ICAgICAgaWYgKCFzdHlsZS5iYWNrZ3JvdW5kQ29sb3JFcXVhbHNUb0NvbG9ySWdub3JpbmdWaXNp dGVkKHN5c3RlbUNvbG9yKENTU1ZhbHVlQXBwbGVTeXN0ZW1PcGFxdWVUZXJ0aWFyeUZpbGwsIHN0 eWxlQ29sb3JPcHRpb25zKSkpCisgICAgICAgICAgICByZXR1cm47CisKKyAgICAgICAgc3R5bGUu c2V0QmFja2dyb3VuZENvbG9yKHN5c3RlbUNvbG9yKENTU1ZhbHVlV2Via2l0Q29udHJvbEJhY2tn cm91bmQsIHN0eWxlQ29sb3JPcHRpb25zKSk7CisgICAgfTsKKwogICAgIGJvb2wgdXNlQWx0ZXJu YXRlRGVzaWduID0gZWxlbWVudC0+ZG9jdW1lbnQoKS5zZXR0aW5ncygpLmFsdGVybmF0ZUZvcm1D b250cm9sRGVzaWduRW5hYmxlZCgpOwogICAgIGlmICh1c2VBbHRlcm5hdGVEZXNpZ24pIHsKICAg ICAgICAgaWYgKGhhc1RleHRmaWVsZEFwcGVhcmFuY2UpCiAgICAgICAgICAgICBzdHlsZS5zZXRC YWNrZ3JvdW5kQ29sb3IoQ29sb3I6OnRyYW5zcGFyZW50QmxhY2spOwogICAgICAgICBlbHNlCi0g ICAgICAgICAgICBzdHlsZS5zZXRCYWNrZ3JvdW5kQ29sb3Ioc3lzdGVtQ29sb3IoQ1NTVmFsdWVX ZWJraXRDb250cm9sQmFja2dyb3VuZCwgZWxlbWVudC0+ZG9jdW1lbnQoKS5zdHlsZUNvbG9yT3B0 aW9ucygmc3R5bGUpKSk7CisgICAgICAgICAgICBhZGp1c3RCYWNrZ3JvdW5kQ29sb3IoKTsKICAg ICAgICAgc3R5bGUucmVzZXRCb3JkZXJFeGNlcHRSYWRpdXMoKTsKICAgICAgICAgcmV0dXJuOwog ICAgIH0KQEAgLTU4Niw3ICs1OTQsNyBAQCB2b2lkIFJlbmRlclRoZW1lSU9TOjphZGp1c3RUZXh0 RmllbGRTdHlsZShSZW5kZXJTdHlsZSYgc3R5bGUsIGNvbnN0IEVsZW1lbnQqIGVsZQogICAgIGlm IChoYXNUZXh0ZmllbGRBcHBlYXJhbmNlKQogICAgICAgICByZXR1cm47CiAKLSAgICBzdHlsZS5z ZXRCYWNrZ3JvdW5kQ29sb3Ioc3lzdGVtQ29sb3IoQ1NTVmFsdWVXZWJraXRDb250cm9sQmFja2dy b3VuZCwgZWxlbWVudC0+ZG9jdW1lbnQoKS5zdHlsZUNvbG9yT3B0aW9ucygmc3R5bGUpKSk7Cisg ICAgYWRqdXN0QmFja2dyb3VuZENvbG9yKCk7CiB9CiAKIHZvaWQgUmVuZGVyVGhlbWVJT1M6OnBh aW50VGV4dEZpZWxkSW5uZXJTaGFkb3coY29uc3QgUGFpbnRJbmZvJiBwYWludEluZm8sIGNvbnN0 IEZsb2F0Um91bmRlZFJlY3QmIHJvdW5kZWRSZWN0KQpkaWZmIC0tZ2l0IGEvTGF5b3V0VGVzdHMv Q2hhbmdlTG9nIGIvTGF5b3V0VGVzdHMvQ2hhbmdlTG9nCmluZGV4IDU3YjlmYjNmYjc5MjAyODQx NWI0MDA5ZjYyNTE4Zjc5NTU5Y2VlMmUuLmVjOTZjMWY2NThiZTRjODlmOGNkZmJlOGIyYWU1ZTE0 MTM3MTVlYmEgMTAwNjQ0Ci0tLSBhL0xheW91dFRlc3RzL0NoYW5nZUxvZworKysgYi9MYXlvdXRU ZXN0cy9DaGFuZ2VMb2cKQEAgLTEsMyArMSwxNCBAQAorMjAyMS0xMC0yNyAgQWRpdHlhIEtlZXJ0 aGkgIDxha2VlcnRoaUBhcHBsZS5jb20+CisKKyAgICAgICAgUkVHUkVTU0lPTiAocjI4MjQ1MSk6 IFtpT1NdIENhbm5vdCBvdmVycmlkZSBiYWNrZ3JvdW5kIG9mIHNlYXJjaCBpbnB1dHMgd2l0aCAn YXBwZWFyYW5jZTogdGV4dGZpZWxkJworICAgICAgICBodHRwczovL2J1Z3Mud2Via2l0Lm9yZy9z aG93X2J1Zy5jZ2k/aWQ9MjMxNTAzCisgICAgICAgIHJkYXI6Ly84NDExMDY4NAorCisgICAgICAg IFJldmlld2VkIGJ5IE5PQk9EWSAoT09QUyEpLgorCisgICAgICAgICogZmFzdC9mb3Jtcy9pb3Mv Zm9ybS1jb250cm9sLXJlZnJlc2gvc2VhcmNoL3RleHRmaWVsZC1hcHBlYXJhbmNlLWJhY2tncm91 bmQtc3R5bGVkLWV4cGVjdGVkLnR4dDogQWRkZWQuCisgICAgICAgICogZmFzdC9mb3Jtcy9pb3Mv Zm9ybS1jb250cm9sLXJlZnJlc2gvc2VhcmNoL3RleHRmaWVsZC1hcHBlYXJhbmNlLWJhY2tncm91 bmQtc3R5bGVkLmh0bWw6IEFkZGVkLgorCiAyMDIxLTEwLTI2ICBBeXVtaSBLb2ppbWEgIDxheXVt aV9rb2ppbWFAYXBwbGUuY29tPgogCiAgICAgICAgIFsgbWFjT1MgRGVidWcgXSBjb21wb3NpdGlu Zy92aWRlby92aWRlby1yZWZsZWN0aW9uLmh0bWwgaXMgYSBmbGFreSB0aW1lb3V0LgpkaWZmIC0t Z2l0IGEvTGF5b3V0VGVzdHMvZmFzdC9mb3Jtcy9pb3MvZm9ybS1jb250cm9sLXJlZnJlc2gvc2Vh cmNoL3RleHRmaWVsZC1hcHBlYXJhbmNlLWJhY2tncm91bmQtc3R5bGVkLWV4cGVjdGVkLnR4dCBi L0xheW91dFRlc3RzL2Zhc3QvZm9ybXMvaW9zL2Zvcm0tY29udHJvbC1yZWZyZXNoL3NlYXJjaC90 ZXh0ZmllbGQtYXBwZWFyYW5jZS1iYWNrZ3JvdW5kLXN0eWxlZC1leHBlY3RlZC50eHQKbmV3IGZp bGUgbW9kZSAxMDA2NDQKaW5kZXggMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAw MDAwMC4uOGIwMjZhMWFmODM0ZWYzYzE1ZTI1MWY5MWQ3N2JiZjMxMzA3MTE3ZQotLS0gL2Rldi9u dWxsCisrKyBiL0xheW91dFRlc3RzL2Zhc3QvZm9ybXMvaW9zL2Zvcm0tY29udHJvbC1yZWZyZXNo L3NlYXJjaC90ZXh0ZmllbGQtYXBwZWFyYW5jZS1iYWNrZ3JvdW5kLXN0eWxlZC1leHBlY3RlZC50 eHQKQEAgLTAsMCArMSwxMCBAQAorVGVzdCB0aGF0IHNldHRpbmcgLXdlYmtpdC1hcHBlYXJhbmNl OiB0ZXh0ZmllbGQgb24gYSBzZWFyY2ggaW5wdXQgZG9lcyBub3QgYWRqdXN0IHRoZSBiYWNrZ3Jv dW5kIGNvbG9yIGlmIHRoZSBzcGVjaWZpZWQgY29sb3IgZGlmZmVycyBmcm9tIHRoZSBVQSBkZWZh dWx0LgorCitPbiBzdWNjZXNzLCB5b3Ugd2lsbCBzZWUgYSBzZXJpZXMgb2YgIlBBU1MiIG1lc3Nh Z2VzLCBmb2xsb3dlZCBieSAiVEVTVCBDT01QTEVURSIuCisKKworUEFTUyBzZWFyY2hCYWNrZ3Jv dW5kQ29sb3IgaXMgInJnYigyNTUsIDAsIDApIgorUEFTUyBzdWNjZXNzZnVsbHlQYXJzZWQgaXMg dHJ1ZQorCitURVNUIENPTVBMRVRFCisKZGlmZiAtLWdpdCBhL0xheW91dFRlc3RzL2Zhc3QvZm9y bXMvaW9zL2Zvcm0tY29udHJvbC1yZWZyZXNoL3NlYXJjaC90ZXh0ZmllbGQtYXBwZWFyYW5jZS1i YWNrZ3JvdW5kLXN0eWxlZC5odG1sIGIvTGF5b3V0VGVzdHMvZmFzdC9mb3Jtcy9pb3MvZm9ybS1j b250cm9sLXJlZnJlc2gvc2VhcmNoL3RleHRmaWVsZC1hcHBlYXJhbmNlLWJhY2tncm91bmQtc3R5 bGVkLmh0bWwKbmV3IGZpbGUgbW9kZSAxMDA2NDQKaW5kZXggMDAwMDAwMDAwMDAwMDAwMDAwMDAw MDAwMDAwMDAwMDAwMDAwMDAwMC4uOWU0NjE0YTZjM2MyYTY4MzdkNGM4YTBkMWNmY2Q1N2Q3ZjIx NDRkZgotLS0gL2Rldi9udWxsCisrKyBiL0xheW91dFRlc3RzL2Zhc3QvZm9ybXMvaW9zL2Zvcm0t Y29udHJvbC1yZWZyZXNoL3NlYXJjaC90ZXh0ZmllbGQtYXBwZWFyYW5jZS1iYWNrZ3JvdW5kLXN0 eWxlZC5odG1sCkBAIC0wLDAgKzEsMjQgQEAKKzwhRE9DVFlQRSBodG1sPiA8IS0tIHdlYmtpdC10 ZXN0LXJ1bm5lciBbIHVzZUZsZXhpYmxlVmlld3BvcnQ9dHJ1ZSBJT1NGb3JtQ29udHJvbFJlZnJl c2hFbmFibGVkPXRydWUgXSAtLT4KKzxodG1sPgorPGhlYWQ+CisgICAgPG1ldGEgbmFtZT0idmll d3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLCB1c2Vy LXNjYWxhYmxlPW5vIj4KKyAgICA8c2NyaXB0IHNyYz0iLi4vLi4vLi4vLi4vLi4vcmVzb3VyY2Vz L2pzLXRlc3QuanMiPjwvc2NyaXB0PgorICAgIDxzdHlsZT4KKyAgICAjc2VhcmNoIHsKKyAgICAg ICAgLXdlYmtpdC1hcHBlYXJhbmNlOiB0ZXh0ZmllbGQ7CisgICAgICAgIGJhY2tncm91bmQtY29s b3I6IHJlZDsKKyAgICB9CisgICAgPC9zdHlsZT4KKzwvaGVhZD4KKzxib2R5PgorPGlucHV0IHR5 cGU9InNlYXJjaCIgaWQ9InNlYXJjaCI+Cis8L2JvZHk+Cis8c2NyaXB0PgorCitkZXNjcmlwdGlv bigiVGVzdCB0aGF0IHNldHRpbmcgLXdlYmtpdC1hcHBlYXJhbmNlOiB0ZXh0ZmllbGQgb24gYSBz ZWFyY2ggaW5wdXQgZG9lcyBub3QgYWRqdXN0IHRoZSBiYWNrZ3JvdW5kIGNvbG9yIGlmIHRoZSBz cGVjaWZpZWQgY29sb3IgZGlmZmVycyBmcm9tIHRoZSBVQSBkZWZhdWx0LiIpOworCitzZWFyY2hC YWNrZ3JvdW5kQ29sb3IgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShzZWFyY2gpLmJhY2tncm91 bmRDb2xvcjsKK3Nob3VsZEJlRXF1YWxUb1N0cmluZygic2VhcmNoQmFja2dyb3VuZENvbG9yIiwg InJnYigyNTUsIDAsIDApIik7CisKKzwvc2NyaXB0PgorPC9odG1sPgo=