9599 2006-06-26 04:40:57 -0700 native <select size=1> control should allow icons in the menu 2022-06-24 17:15:12 -0700 1 1 1 Unclassified WebKit Forms 420+ Mac OS X 10.4 NEW P3 Enhancement --- 1 timothy webkit-unassigned adele ahmad.saleem792 akeerthi ap dev+webkit ian rniwa work oldest_to_newest 47259 0 timothy 2006-06-26 04:40:57 -0700 The new select control should allow icons to be added to the popup menu. This would allow for more rich content and let developers leverage this control more. This could be expressed in CSS like: option:before {      content: url(myCoolIcon.png); } I could use this in Drosera to make the function and file popup have icons like Xcode. 47264 1 timothy 2006-06-26 04:50:32 -0700 See bug 9600 for a more complex request to allow font styles in the menu. 47313 2 hyatt 2006-06-26 11:55:43 -0700 I think there's a CSS3 ::icon pseudo. 1912 3 16031 arosenzweig 2007-08-20 06:51:33 -0700 Created attachment 16031 Reduction to show images and styled fonts on select box widgets This reduction works in Firefox but does not work in Safari 3.0.3 (2nd v3 beta). "Browser" widgets should be able to have their fonts colored, styled (bold, italics), and also allow more general compliance with CSS such as the use of images. This reduction shows all these features working in Firefox but not in Safari. When I say "Browser" I'm using WebObjects lingo but I mean the "select" tag with embedded "option" tags. Some people call this a popup, or dropdown, but it can also have a fixed size and show more than one option at a time with a scroll bar. From what I can tell, the only styling we can do on "browser" widgets in Safari is just coloring the text. 94179 4 work 2008-10-05 15:29:34 -0700 dhyatt explained me in IRC (http://drupal.org/node/180691#comment-1044691) that this will not be supported until WebKit stops using native Mac OS X menus. Firefox draws the widgets itself, which allows it to support this. 1878188 5 ahmad.saleem792 2022-06-24 09:53:46 -0700 I am able to reproduce this bug in Safari 15.5 on macOS 12.4, I changed attached test case in following JSFiddle: Link - https://jsfiddle.net/enh5oz9f/show NOTE - I use free image hosting solution, if in future "PNG" picture get deleted or gone then just update URL in HTML and CSS to new PNG and it will work. All other browser renders "tick mark" png next to options. Thanks! 16031 2007-08-20 06:51:33 -0700 2007-08-20 06:51:33 -0700 Reduction to show images and styled fonts on select box widgets browser_background_img.zip application/octet-stream 5175 arosenzweig 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 bTA3ZF1oWPj6iIjIqGgef0NMrCAuPmHjxsRNm5O2bE1OSd22ffv3O9J27krfvWfv3n0/7D+Qkfnj wUOHj/yUlXU0+9jxEzm5eSdP/fzz6fwzBYVni4qKz50vKb1w8eIvZb+WX6qoqKy6fOW336p/r6mt vfrHtes3btysu1Vff/tOQ8PdxsZ7Tc3N91taWtva2h88fPjo8eMnT589e97R2dnV/eLlyz97evv6 Xw28Hhx68/bd+5EPox8/jX+eFIJMpYmJMyVZ0jJy8gpKyqpq6hqabK3pIgNDI5NZprPNzC2mEGxs F/4bgkjhC8KUQmRUNO+LQnyCSEHEsG379zvSdoocRAxfHI5mHzv+xeF0/pkzBYVni4rPnS8pKb3w N4avCtdv3Kyru1V/+/adbwqtrVMIUwZd3S9e/tnT09vXLxIYfj8yOvZpYlIIEoVKozPEmRIsKWkZ WXkFRSVlVTX1aRqabO3pOroz9P6iMOcbw1+7wWnpMmcXEYX7Sg9PLy9vH18/v1X+qwMC1gQGfeX4 0hXRPP6GDTGxAkFcfMIUyVZRZ/xN5GtnTJGcyPknSelXEpFI9e81or64WXer/vadhruN95qa77e0 trU/ePj4ydNnHZ1dL1729PYPvB56Ozwy+nF8UgiI9j4A0CyBvDTAiwL4XgL2qwF6+oC8MrBCEvCY C5K5+deDTAAk0d4CCWTQwIQ0FDENujCBFRbBBb4IQSoOIAelqMVLjBFMwoJYRgQRB4gCopYYIUmR DElcUioph/SErE62Ia8hnyL3U6QocyjJlAbqNOoSKp96jaZGE9DyaI10Y/pe+qCYu1gFg83wYOxm fBDnircyHZhXJMwkiiRnSJ5kabHypHSkCqVnSVfIcGQaZVfLDsqlyCvIFylwFJ4qJiopKZUr+yhP qOSpOqodU3dSH5tWoLFKU0rzOnuLlpXWO+3S6TwdU53hGVv1luhL6z+ZWWiQaLjUSN3orfFNk9xZ iaaeZrJmw+atcyotci13Wm2w9p/rNM96vr4Ny5ZsO77wvd2gff+iXk7v4r4lbx1GHYVLGcvknbVc TF3tlruvWOe22T1zZZFnp5fQR8N3oV/Qqh3+RaubA8YDdYPcg0u4HetkQx3CksLL1r+O4kaf5HVu 0I4JiS0UDCUkb7y1SWFzcNLFreSUwlThdq/vS9IYu67u1tqTurd7f3GGbObmH18cWvGTYVZ2tsSx 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 Ly5EU19TdG9yZVVYCAB2mslGhurFRlBLAQIVAwoAAAAAAGlNFDcAAAAAAAAAAAAAAAAJAAwAAAAA AAAAAED9QaABAABfX01BQ09TWC9VWAgAdprJRnaayUZQSwECFQMKAAAAAABpTRQ3AAAAAAAAAAAA AAAAIAAMAAAAAAAAAABA/UHXAQAAX19NQUNPU1gvYnJvd3Nlcl9iYWNrZ3JvdW5kX2ltZy9VWAgA dprJRnaayUZQSwECFQMUAAgACAB5dBE3DY4jdxwAAABSAAAAKwAMAAAAAAAAAABApIElAgAAX19N QUNPU1gvYnJvd3Nlcl9iYWNrZ3JvdW5kX2ltZy8uXy5EU19TdG9yZVVYCAB2mslGhurFRlBLAQIV AxQACAAIADZ3ETcFjHo/JgEAAG4CAAArAAwAAAAAAAAAAECkgaoCAABicm93c2VyX2JhY2tncm91 bmRfaW1nL2Jyb3dzZXJfZXhhbXBsZS5odG1sVVgIAHaayUao78VGUEsBAhUDFAAIAAgANncRN8HN ZYUfAAAAUgAAADYADAAAAAAAAAAAQKSBOQQAAF9fTUFDT1NYL2Jyb3dzZXJfYmFja2dyb3VuZF9p bWcvLl9icm93c2VyX2V4YW1wbGUuaHRtbFVYCAB2mslGqO/FRlBLAQIVAxQACAAIAKVewTbnGwjB BwwAAAIMAAAqAAwAAAAAAAAAAECkgcwEAABicm93c2VyX2JhY2tncm91bmRfaW1nL2dyZWVuLWNo ZWNrbWFyay5wbmdVWAgAdprJRuZAYEZQSwUGAAAAAAgACADmAgAAOxEAAAAA