40216 2010-06-06 17:59:11 -0700 text-align doesn't work on select tags 2024-03-06 15:11:05 -0800 1 1 1 Unclassified WebKit Forms 528+ (Nightly build) Mac (Intel) OS X 10.6 NEW https://bugs.webkit.org/show_bug.cgi?id=133373 InRadar P2 Normal --- 1 julien webkit-unassigned akeerthi ap aragost bugzilla dante3333 determinedc1 doug ekadesign heycam mitz norsyn simon.fraser webkit-bug-importer zalan oldest_to_newest 234699 0 julien 2010-06-06 17:59:11 -0700 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 234700 1 57987 julien 2010-06-06 18:09:28 -0700 Created attachment 57987 Test case to see if selects are aligned or not 234701 2 julien 2010-06-06 18:10:25 -0700 Latest WebKit, Safari and Chrome failed on this but this works on both Firefox and Opera Mac versions. 234719 3 ap 2010-06-06 22:26:50 -0700 Somewhat surprisingly, I cannot find an exact duplicate for this. There are bug 38780 and bug 19785 though. 234881 4 julien 2010-06-07 09:17:07 -0700 Yeah I searched a bit and was surprised too... 1403619 5 bugzilla 2018-03-05 07:30:18 -0800 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? 1754562 6 dante3333 2021-04-27 05:53:02 -0700 Any update? This is really painful to be blocked for such things. 1799864 7 norsyn 2021-10-03 10:14:50 -0700 I believe I found an answer to this. Try CSS code "direction rtl;" on the "select" element. Ditto to driving you crazy. 1799865 8 norsyn 2021-10-03 10:19:26 -0700 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. 1846076 9 gsnedders 2022-02-25 10:32:55 -0800 <rdar://5847174> 2019201 10 akeerthi 2024-03-06 15:11:05 -0800 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`. 57987 2010-06-06 18:09:28 -0700 2010-06-06 18:09:28 -0700 Test case to see if selects are aligned or not test-select.html text/html 1266 julien PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBYSFRNTCAxLjAgU3RyaWN0Ly9FTiIg Imh0dHA6Ly93d3cudzMub3JnL1RSL3hodG1sMS9EVEQveGh0bWwxLXN0cmljdC5kdGQiPgo8aHRt bD4KCTxoZWFkPgoJCTx0aXRsZT5UZXh0LUFsaWduIG9uIFNlbGVjdCBUYWc8L3RpdGxlPgoJPC9o ZWFkPgoJPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCSAgICN0ZXN0MSB7CgkgICAgICAgdGV4dC1h bGlnbjogY2VudGVyOwoJICAgfQoJICAgLnRlc3QyIHsKCSAgICAgICB0ZXh0LWFsaWduOiBjZW50 ZXI7CgkgICB9CgkgICAjdGVzdDMgewoJICAgICAgIHRleHQtYWxpZ246IHJpZ2h0OwoJICAgfQoJ ICAgLnRlc3Q0IHsKCSAgICAgICB0ZXh0LWFsaWduOiByaWdodDsKCSAgIH0KCSAgIAoJPC9zdHls ZT4KCTxib2R5PgoJICAgPGgyPkV2ZXJ5IHNlbGVjdHMgdGV4dCBjb250ZW50IHNob3VsZCBiZSBh bGlnbiB0byB0aGUgY2VudGVyPC9oMj4KCSAgIDxzZWxlY3Qgc3R5bGU9InRleHQtYWxpZ246IGNl bnRlcjsiPgoJICAgICAgIDxvcHRpb24+TG9yZW08L29wdGlvbj4KCSAgICAgICA8b3B0aW9uPkxv cmVtIElwc3VtPC9vcHRpb24+CgkgICA8L3NlbGVjdD4KCSAgIDxzZWxlY3QgaWQ9InRlc3QxIj4K CSAgICAgICA8b3B0aW9uPkxvcmVtPC9vcHRpb24+CgkgICAgICAgPG9wdGlvbj5Mb3JlbSBJcHN1 bTwvb3B0aW9uPgoJICAgPC9zZWxlY3Q+CgkgICA8c2VsZWN0IGNsYXNzPSJ0ZXN0MiI+CgkgICAg ICAgPG9wdGlvbj5Mb3JlbTwvb3B0aW9uPgoJICAgICAgIDxvcHRpb24+TG9yZW0gSXBzdW08L29w dGlvbj4KCSAgIDwvc2VsZWN0PgoJICAgPGJyLz48YnIvPgoJICAgCgkgICA8aDI+RXZlcnkgc2Vs ZWN0cyB0ZXh0IGNvbnRlbnQgc2hvdWxkIGJlIGFsaWduIHRvIHRoZSByaWdodDwvaDI+CgkgICA8 c2VsZWN0IHN0eWxlPSJ0ZXh0LWFsaWduOiByaWdodDsiPgoJICAgICAgIDxvcHRpb24+TG9yZW08 L29wdGlvbj4KCSAgICAgICA8b3B0aW9uPkxvcmVtIElwc3VtPC9vcHRpb24+CgkgICA8L3NlbGVj dD4KCSAgIDxzZWxlY3QgaWQ9InRlc3QzIj4KCSAgICAgICA8b3B0aW9uPkxvcmVtPC9vcHRpb24+ CgkgICAgICAgPG9wdGlvbj5Mb3JlbSBJcHN1bTwvb3B0aW9uPgoJICAgPC9zZWxlY3Q+CgkgICA8 c2VsZWN0IGNsYXNzPSJ0ZXN0NCI+CgkgICAgICAgPG9wdGlvbj5Mb3JlbTwvb3B0aW9uPgoJICAg ICAgIDxvcHRpb24+TG9yZW0gSXBzdW08L29wdGlvbj4KCSAgIDwvc2VsZWN0PgoJICAgCgk8L2Jv ZHk+CjwvaHRtbD4K