305091 2026-01-07 18:24:33 -0800 <datalist> option label text ignored when value is present 2026-01-15 13:53:13 -0800 1 1 1 Unclassified WebKit Forms Safari 17 iPhone / iPad iOS 18 CLOSED DUPLICATE 289668 https://bugs.webkit.org/show_bug.cgi?id=305598 P2 Normal --- 1 nicolas.delafuente01 webkit-unassigned akeerthi ap cdumez lily_spiniolas wenson_hsieh oldest_to_newest 2170152 0 nicolas.delafuente01 2026-01-07 18:24:33 -0800 When both value and label (or text content) are provided on <option> elements inside a <datalist>, iOS Safari only displays the value in the suggestion UI, completely ignoring the label text. According to the HTML specification section 4.10.5.3.9: “If appropriate, the user agent should use the suggestion’s label and value to identify the suggestion to the user.” WebKit already uses both label and value on macOS Safari, but iOS Safari ignores the label entirely, despite identical markup. This creates a cross-platform inconsistency and reduces clarity for users. Example: <input list="countries" placeholder="Country" autocomplete="off"> <datalist id="countries"> <option value="US">United States</option> <option value="DE">Germany</option> <option value="JP">Japan</option> </datalist> Observed behavior: Only the value (e.g., US) is shown in the suggestions dropdown and predictive text bar. The label (United States) is never displayed. Expected behavior: Both value and label are shown, as on macOS Safari and other browsers. Autofill searches both value and label Selecting the suggestion inserts the value into the input while clearly presenting the label to the user. 2170319 1 477935 ap 2026-01-08 09:29:53 -0800 Created attachment 477935 test case Same test as an attachment. 2170323 2 ap 2026-01-08 09:35:48 -0800 This was fixed in iOS 26, duping to the issue where this was implemented. Testing, this, I'm not sure if I understand the logic for what shows up in the predictive text bar, that may still be buggy. It would be better to have a focused bug report about that if so, not to reuse this one. *** This bug has been marked as a duplicate of bug 289668 *** 2172088 3 478029 nicolas.delafuente01 2026-01-14 22:11:00 -0800 Created attachment 478029 Extended Test Case 2172236 4 478029 nicolas.delafuente01 2026-01-15 10:02:20 -0800 Comment on attachment 478029 Extended Test Case <pre>1. <code><option value="N"></option></code></pre> <input list="numbers-1" placeholder="Number" autocomplete="off"> <datalist id="numbers-1"> <option value="1"></option> <option value="2"></option> <option value="3"></option> </datalist> <pre>2. <code><option>N</option></code></pre> <input list="numbers-2" placeholder="Number" autocomplete="off"> <datalist id="numbers-2"> <option>1</option> <option>2</option> <option>3</option> </datalist> <pre>3. <code><option value="N">Number</option></code></pre> <input list="numbers-3" placeholder="Number" autocomplete="off"> <datalist id="numbers-3"> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </datalist> <pre>4. <code><option value="N" label="Number"></option></code></pre> <input list="numbers-4" placeholder="Number" autocomplete="off"> <datalist id="numbers-4"> <option value="1" label="One"></option> <option value="2" label="Two"></option> <option value="3" label="Three"></option> </datalist> 2172237 5 478029 nicolas.delafuente01 2026-01-15 10:03:17 -0800 Comment on attachment 478029 Extended Test Case ><form autocomplete="off"> ><pre>1. <code><option value="XX"></option></code></pre> ><input list="countries-1" placeholder="Countries" autocomplete="off"> > ><datalist id="countries-1"> > <option value="US"></option> > <option value="DE"></option> > <option value="JP"></option> ></datalist> > > ><pre>2. <code><option>XX</option></code></pre> ><input list="countries-2" placeholder="Countries" autocomplete="off"> > ><datalist id="countries-2"> > <option>US</option> > <option>DE</option> > <option>JP</option> ></datalist> > > ><pre>3. <code><option value="XX">Country</option></code></pre> ><input list="countries-3" placeholder="Countries" autocomplete="off"> > ><datalist id="countries-3"> > <option value="US">United States</option> > <option value="DE">Germany</option> > <option value="JP">Japan</option> ></datalist> > > ><pre>4. <code><option value="XX" label="Country"></option></code></pre> ><input list="countries-4" placeholder="Countries" autocomplete="off"> > ><datalist id="countries-4"> > <option value="US" label="United States"></option> > <option value="DE" label="Germany"></option> > <option value="JP" label="Japan"></option> ></datalist> ></form> > > ><pre>5. <code><option value="XX" label="Country">Continent</option></code></pre> ><input list="countries-5" placeholder="Countries" autocomplete="off"> > ><datalist id="countries-5"> > <option value="US" label="United States">North America</option> > <option value="DE" label="Germany">Europe</option> > <option value="JP" label="Japan">Asia</option> ></datalist> ></form> 2172238 6 478029 nicolas.delafuente01 2026-01-15 10:03:21 -0800 Comment on attachment 478029 Extended Test Case ><form autocomplete="off"> ><pre>1. <code><option value="XX"></option></code></pre> ><input list="countries-1" placeholder="Countries" autocomplete="off"> > ><datalist id="countries-1"> > <option value="US"></option> > <option value="DE"></option> > <option value="JP"></option> ></datalist> > > ><pre>2. <code><option>XX</option></code></pre> ><input list="countries-2" placeholder="Countries" autocomplete="off"> > ><datalist id="countries-2"> > <option>US</option> > <option>DE</option> > <option>JP</option> ></datalist> > > ><pre>3. <code><option value="XX">Country</option></code></pre> ><input list="countries-3" placeholder="Countries" autocomplete="off"> > ><datalist id="countries-3"> > <option value="US">United States</option> > <option value="DE">Germany</option> > <option value="JP">Japan</option> ></datalist> > > ><pre>4. <code><option value="XX" label="Country"></option></code></pre> ><input list="countries-4" placeholder="Countries" autocomplete="off"> > ><datalist id="countries-4"> > <option value="US" label="United States"></option> > <option value="DE" label="Germany"></option> > <option value="JP" label="Japan"></option> ></datalist> ></form> > > ><pre>5. <code><option value="XX" label="Country">Continent</option></code></pre> ><input list="countries-5" placeholder="Countries" autocomplete="off"> > ><datalist id="countries-5"> > <option value="US" label="United States">North America</option> > <option value="DE" label="Germany">Europe</option> > <option value="JP" label="Japan">Asia</option> ></datalist> ></form> 2172240 7 478029 nicolas.delafuente01 2026-01-15 10:04:42 -0800 Comment on attachment 478029 Extended Test Case ><pre>1. <code><option value="N"></option></code></pre> ><input list="numbers-1" placeholder="Number" autocomplete="off"> > ><datalist id="numbers-1"> > <option value="1"></option> > <option value="2"></option> > <option value="3"></option> ></datalist> > > ><pre>2. <code><option>N</option></code></pre> ><input list="numbers-2" placeholder="Number" autocomplete="off"> > ><datalist id="numbers-2"> > <option>1</option> > <option>2</option> > <option>3</option> ></datalist> > > ><pre>3. <code><option value="N">Number</option></code></pre> ><input list="numbers-3" placeholder="Number" autocomplete="off"> > ><datalist id="numbers-3"> > <option value="1">One</option> > <option value="2">Two</option> > <option value="3">Three</option> ></datalist> > > ><pre>4. <code><option value="N" label="Number"></option></code></pre> ><input list="numbers-4" placeholder="Number" autocomplete="off"> > ><datalist id="numbers-4"> > <option value="1" label="One"></option> > <option value="2" label="Two"></option> > <option value="3" label="Three"></option> ></datalist> 2172243 8 478035 nicolas.delafuente01 2026-01-15 10:08:18 -0800 Created attachment 478035 Number test case Apologies for the spam, did not know how to edit an attachment 477935 2026-01-08 09:29:53 -0800 2026-01-08 09:29:53 -0800 test case 305091.html text/html 223 ap PGlucHV0IGxpc3Q9ImNvdW50cmllcyIgcGxhY2Vob2xkZXI9IkNvdW50cnkiIGF1dG9jb21wbGV0 ZT0ib2ZmIj4KCjxkYXRhbGlzdCBpZD0iY291bnRyaWVzIj4KICA8b3B0aW9uIHZhbHVlPSJVUyI+ VW5pdGVkIFN0YXRlczwvb3B0aW9uPgogIDxvcHRpb24gdmFsdWU9IkRFIj5HZXJtYW55PC9vcHRp b24+CiAgPG9wdGlvbiB2YWx1ZT0iSlAiPkphcGFuPC9vcHRpb24+CjwvZGF0YWxpc3Q+Cg== 478029 2026-01-14 22:11:00 -0800 2026-01-15 10:15:05 -0800 Extended Test Case file_305091.txt text/html 1625 nicolas.delafuente01 PGZvcm0gYXV0b2NvbXBsZXRlPSJvZmYiPg0KPHByZT4xLiA8Y29kZT4mbHQ7b3B0aW9uIHZhbHVl PSJYWCImZ3Q7Jmx0Oy9vcHRpb24mZ3Q7PC9jb2RlPjwvcHJlPg0KPGlucHV0IGxpc3Q9ImNvdW50 cmllcy0xIiBwbGFjZWhvbGRlcj0iQ291bnRyaWVzIiBhdXRvY29tcGxldGU9Im9mZiI+DQoNCjxk YXRhbGlzdCBpZD0iY291bnRyaWVzLTEiPg0KICA8b3B0aW9uIHZhbHVlPSJVUyI+PC9vcHRpb24+ DQogIDxvcHRpb24gdmFsdWU9IkRFIj48L29wdGlvbj4NCiAgPG9wdGlvbiB2YWx1ZT0iSlAiPjwv b3B0aW9uPg0KPC9kYXRhbGlzdD4NCg0KDQo8cHJlPjIuIDxjb2RlPiZsdDtvcHRpb24mZ3Q7WFgm bHQ7L29wdGlvbiZndDs8L2NvZGU+PC9wcmU+DQo8aW5wdXQgbGlzdD0iY291bnRyaWVzLTIiIHBs YWNlaG9sZGVyPSJDb3VudHJpZXMiIGF1dG9jb21wbGV0ZT0ib2ZmIj4NCg0KPGRhdGFsaXN0IGlk PSJjb3VudHJpZXMtMiI+DQogIDxvcHRpb24+VVM8L29wdGlvbj4NCiAgPG9wdGlvbj5ERTwvb3B0 aW9uPg0KICA8b3B0aW9uPkpQPC9vcHRpb24+DQo8L2RhdGFsaXN0Pg0KDQoNCjxwcmU+My4gPGNv ZGU+Jmx0O29wdGlvbiB2YWx1ZT0iWFgiJmd0O0NvdW50cnkmbHQ7L29wdGlvbiZndDs8L2NvZGU+ PC9wcmU+DQo8aW5wdXQgbGlzdD0iY291bnRyaWVzLTMiIHBsYWNlaG9sZGVyPSJDb3VudHJpZXMi IGF1dG9jb21wbGV0ZT0ib2ZmIj4NCg0KPGRhdGFsaXN0IGlkPSJjb3VudHJpZXMtMyI+DQogIDxv cHRpb24gdmFsdWU9IlVTIj5Vbml0ZWQgU3RhdGVzPC9vcHRpb24+DQogIDxvcHRpb24gdmFsdWU9 IkRFIj5HZXJtYW55PC9vcHRpb24+DQogIDxvcHRpb24gdmFsdWU9IkpQIj5KYXBhbjwvb3B0aW9u Pg0KPC9kYXRhbGlzdD4NCg0KDQo8cHJlPjQuIDxjb2RlPiZsdDtvcHRpb24gdmFsdWU9IlhYIiBs YWJlbD0iQ291bnRyeSImZ3Q7Jmx0Oy9vcHRpb24mZ3Q7PC9jb2RlPjwvcHJlPg0KPGlucHV0IGxp c3Q9ImNvdW50cmllcy00IiBwbGFjZWhvbGRlcj0iQ291bnRyaWVzIiBhdXRvY29tcGxldGU9Im9m ZiI+DQoNCjxkYXRhbGlzdCBpZD0iY291bnRyaWVzLTQiPg0KICA8b3B0aW9uIHZhbHVlPSJVUyIg bGFiZWw9IlVuaXRlZCBTdGF0ZXMiPjwvb3B0aW9uPg0KICA8b3B0aW9uIHZhbHVlPSJERSIgbGFi ZWw9Ikdlcm1hbnkiPjwvb3B0aW9uPg0KICA8b3B0aW9uIHZhbHVlPSJKUCIgbGFiZWw9IkphcGFu Ij48L29wdGlvbj4NCjwvZGF0YWxpc3Q+DQo8L2Zvcm0+DQoNCg0KPHByZT41LiA8Y29kZT4mbHQ7 b3B0aW9uIHZhbHVlPSJYWCIgbGFiZWw9IkNvdW50cnkiJmd0O0NvbnRpbmVudCZsdDsvb3B0aW9u Jmd0OzwvY29kZT48L3ByZT4NCjxpbnB1dCBsaXN0PSJjb3VudHJpZXMtNSIgcGxhY2Vob2xkZXI9 IkNvdW50cmllcyIgYXV0b2NvbXBsZXRlPSJvZmYiPg0KDQo8ZGF0YWxpc3QgaWQ9ImNvdW50cmll cy01Ij4NCiAgPG9wdGlvbiB2YWx1ZT0iVVMiIGxhYmVsPSJVbml0ZWQgU3RhdGVzIj5Ob3J0aCBB bWVyaWNhPC9vcHRpb24+DQogIDxvcHRpb24gdmFsdWU9IkRFIiBsYWJlbD0iR2VybWFueSI+RXVy b3BlPC9vcHRpb24+DQogIDxvcHRpb24gdmFsdWU9IkpQIiBsYWJlbD0iSmFwYW4iPkFzaWE8L29w dGlvbj4NCjwvZGF0YWxpc3Q+DQo8L2Zvcm0+DQo= 478035 2026-01-15 10:08:18 -0800 2026-01-15 10:08:32 -0800 Number test case file_305091.txt text/html 1120 nicolas.delafuente01 PHByZT4xLiA8Y29kZT4mbHQ7b3B0aW9uIHZhbHVlPSJOIiZndDsmbHQ7L29wdGlvbiZndDs8L2Nv ZGU+PC9wcmU+DQo8aW5wdXQgbGlzdD0ibnVtYmVycy0xIiBwbGFjZWhvbGRlcj0iTnVtYmVyIiBh dXRvY29tcGxldGU9Im9mZiI+DQoNCjxkYXRhbGlzdCBpZD0ibnVtYmVycy0xIj4NCiAgPG9wdGlv biB2YWx1ZT0iMSI+PC9vcHRpb24+DQogIDxvcHRpb24gdmFsdWU9IjIiPjwvb3B0aW9uPg0KICA8 b3B0aW9uIHZhbHVlPSIzIj48L29wdGlvbj4NCjwvZGF0YWxpc3Q+DQoNCg0KPHByZT4yLiA8Y29k ZT4mbHQ7b3B0aW9uJmd0O04mbHQ7L29wdGlvbiZndDs8L2NvZGU+PC9wcmU+DQo8aW5wdXQgbGlz dD0ibnVtYmVycy0yIiBwbGFjZWhvbGRlcj0iTnVtYmVyIiBhdXRvY29tcGxldGU9Im9mZiI+DQoN CjxkYXRhbGlzdCBpZD0ibnVtYmVycy0yIj4NCiAgPG9wdGlvbj4xPC9vcHRpb24+DQogIDxvcHRp b24+Mjwvb3B0aW9uPg0KICA8b3B0aW9uPjM8L29wdGlvbj4NCjwvZGF0YWxpc3Q+DQoNCg0KPHBy ZT4zLiA8Y29kZT4mbHQ7b3B0aW9uIHZhbHVlPSJOIiZndDtOdW1iZXImbHQ7L29wdGlvbiZndDs8 L2NvZGU+PC9wcmU+DQo8aW5wdXQgbGlzdD0ibnVtYmVycy0zIiBwbGFjZWhvbGRlcj0iTnVtYmVy IiBhdXRvY29tcGxldGU9Im9mZiI+DQoNCjxkYXRhbGlzdCBpZD0ibnVtYmVycy0zIj4NCiAgPG9w dGlvbiB2YWx1ZT0iMSI+T25lPC9vcHRpb24+DQogIDxvcHRpb24gdmFsdWU9IjIiPlR3bzwvb3B0 aW9uPg0KICA8b3B0aW9uIHZhbHVlPSIzIj5UaHJlZTwvb3B0aW9uPg0KPC9kYXRhbGlzdD4NCg0K DQo8cHJlPjQuIDxjb2RlPiZsdDtvcHRpb24gdmFsdWU9Ik4iIGxhYmVsPSJOdW1iZXIiJmd0OyZs dDsvb3B0aW9uJmd0OzwvY29kZT48L3ByZT4NCjxpbnB1dCBsaXN0PSJudW1iZXJzLTQiIHBsYWNl aG9sZGVyPSJOdW1iZXIiIGF1dG9jb21wbGV0ZT0ib2ZmIj4NCg0KPGRhdGFsaXN0IGlkPSJudW1i ZXJzLTQiPg0KICA8b3B0aW9uIHZhbHVlPSIxIiBsYWJlbD0iT25lIj48L29wdGlvbj4NCiAgPG9w dGlvbiB2YWx1ZT0iMiIgbGFiZWw9IlR3byI+PC9vcHRpb24+DQogIDxvcHRpb24gdmFsdWU9IjMi IGxhYmVsPSJUaHJlZSI+PC9vcHRpb24+DQo8L2RhdGFsaXN0Pg==