[TYPO3-core] RFC: Bug #16702: TCEForm select dropdowns have text overlapping icon in Webkit

[Jeff Segars]

On 12/16/10 2:12 AM, Ernesto Baschny [cron IT] wrote:
> Jeff Segars schrieb am 08.12.2010 21:25:
>
>> This is a SVN patch request.
>>
>> Type: Bugfix
>> Bugtracker reference: http://bugs.typo3.org/view.php?id=16702
>> Branch: trunk
>>
>> Problem:
>> When using the select dropdown for pages, content elements, etc in
>> Webkit, the item text overlaps the icon.  See "before" screenshot for an
>> example
>>
>> Solution:
>> Since form styling (especially selects) is horribly inconsistent between
>> browsers, the best option I've found is to target Webkit specifically
>> with a class already applied by ExtJS.  See "after" screenshot.
>
> This will also affect Chrome, which is also a webkit browser. Also the
> indention inside the optgroups was buggy with your suggestion. So
> attached is a suggestion which fixes Chrome and the indention.
>
> Also a comparison in the screens of how it looks in IE8 and FF currently.
>
> Cheers,
> Ernesto

Hey Ernesto,
Thanks for the update!  At least for Chrome on Mac, the text-indent is 
actually needed, otherwise it exhibits the same issues as Safari.  With 
the v2 patch in Chrome on Mac, its back to text overlapping the icon again.

Anyone else able to duplicate?

Thanks,
Jeff