RESOLVED FIXED263677
Datalists break vertical writing mode inputs 
https://bugs.webkit.org/show_bug.cgi?id=263677
Summary Datalists break vertical writing mode inputs
Luke Warlow
Reported 2023-10-25 11:49:06 PDT
Apologies if duplicate I did try to check before raising this. Load `data:text/html,<!DOCTYPE%20html><head><style>input%20{%20writing-mode:%20vertical-lr;%20}</style></head><input%20type="number"%20list="numbers">%20<datalist%20id="numbers">%20<option>1</option>%20<option>10</option>%20<option>20</option>%20</datalist>` You'll notice a few issues (see for w/o datalist `data:text/html,<!DOCTYPE%20html><head><style>input%20{%20writing-mode:%20vertical-lr;%20}</style></head><input%20type="number">`): - the number spinners are at the top of the input, whereas without the list they are the bottom. - You can't enter text into the input (or at least it doesn't render) - The list dropdown button is rendered in the middle of the input - The datalist doesn't render correctly with no visible nor selectable options.
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2023-11-01 11:50:14 PDT
<rdar://problem/117808055>
Smoley
Comment 2 2024-01-24 08:53:11 PST
- the number spinners are at the top of the input, whereas without the list they are the bottom. - You can't enter text into the input (or at least it doesn't render) - The list dropdown button is rendered in the middle of the input - The datalist doesn't render correctly with no visible nor selectable options.
Smoley
Comment 3 2024-01-24 08:56:59 PST
Sorry, my comment saved unexpectedly. I'm realizing you might have meant to report this issue against iOS despite the version field reading Safari Technology Preview?
Luke Warlow
Comment 4 2024-01-24 08:59:14 PST
I've just checked latest STP and this issue is no longer present. So will close this out.
Note You need to log in before you can comment on or make changes to this bug.