Bug 263677 - Datalists break vertical writing mode inputs
Summary: Datalists break vertical writing mode inputs
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-10-25 11:49 PDT by Luke Warlow
Modified: 2024-01-24 08:59 PST (History)
4 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Luke Warlow 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.
Comment 1 Radar WebKit Bug Importer 2023-11-01 11:50:14 PDT
<rdar://problem/117808055>
Comment 2 Smoley 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.
Comment 3 Smoley 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?
Comment 4 Luke Warlow 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.