Bug 40216

Summary: text-align doesn't work on select tags
Product: WebKit Reporter: Julien <julien>
Component: FormsAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: akeerthi, ap, aragost, bugzilla, dante3333, determinedc1, doug, ekadesign, heycam, mitz, norsyn, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: Mac (Intel)   
OS: OS X 10.6   
See Also: https://bugs.webkit.org/show_bug.cgi?id=133373
Attachments:
Description Flags
Test case to see if selects are aligned or not none

Julien
Reported 2010-06-06 17:59:11 PDT
Hi, If I'm doing something like <select style="text-align: right;"> … options … </select> the text content is still align to the left. Whatever I'm trying to do, with css rules on select or options it always aligns to the left. It doesnt work neither on latest Chrome but it does with Firefox… Julien
Attachments
Test case to see if selects are aligned or not (1.24 KB, text/html)
2010-06-06 18:09 PDT, Julien 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Julien
Comment 1 2010-06-06 18:09:28 PDT
Created attachment 57987 [details] Test case to see if selects are aligned or not
Julien
Comment 2 2010-06-06 18:10:25 PDT
Latest WebKit, Safari and Chrome failed on this but this works on both Firefox and Opera Mac versions.
Alexey Proskuryakov
Comment 3 2010-06-06 22:26:50 PDT
Somewhat surprisingly, I cannot find an exact duplicate for this. There are bug 38780 and bug 19785 though.
Julien
Comment 4 2010-06-07 09:17:07 PDT
Yeah I searched a bit and was surprised too...
Paul
Comment 5 2018-03-05 07:30:18 PST
Based on mitz's comment in bug 19785 that "We are not going to center or justify menu items on Mac OS X", should this not be closed as WONTFIX?
Nicolas H.
Comment 6 2021-04-27 05:53:02 PDT
Any update? This is really painful to be blocked for such things.
Peter B
Comment 7 2021-10-03 10:14:50 PDT
I believe I found an answer to this. Try CSS code "direction rtl;" on the "select" element. Ditto to driving you crazy.
Peter B
Comment 8 2021-10-03 10:19:26 PDT
Furthermore, if you want the select text to be to the right but then the options to be on the left you can do something like this: .select:active { direction: ltr; } This will essentially change the css for the select element for when it is active - i.e. when you are making a selection.
Sam Sneddon [:gsnedders]
Comment 9 2022-02-25 10:32:55 PST
<rdar://5847174>
Aditya Keerthi
Comment 10 2024-03-06 15:11:05 PST
We cannot change the text alignment of menu items, but we should honor text-align for the in-page control. This would match the behavior of both Chrome and Firefox. Would require changes in `RenderMenuList::adjustInnerStyle`.
Note You need to log in before you can comment on or make changes to this bug.