Bug 60450 - border-color: transparent or rgba(0,0,0,0) doesn't make <select> border disappear
Summary: border-color: transparent or rgba(0,0,0,0) doesn't make <select> border disap...
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: 528+ (Nightly build)
Hardware: All Windows XP
: P4 Trivial
Assignee: Nobody
URL: data:text/html;charset=utf-8,<html>%0...
Keywords:
Depends on:
Blocks:
 
Reported: 2011-05-08 02:28 PDT by PlasticLawnDaemon
Modified: 2011-05-10 01:17 PDT (History)
1 user (show)

See Also:


Attachments
Select element border visibility testcase (32.34 KB, text/html)
2011-05-08 02:28 PDT, PlasticLawnDaemon
no flags Details
Switching to use rgba(0,0,0,0) instead of 'transparent' doesn't work around this (32.34 KB, text/html)
2011-05-08 03:49 PDT, PlasticLawnDaemon
no flags Details
Screenshot of code from comment #2 (13.32 KB, image/png)
2011-05-09 14:57 PDT, PlasticLawnDaemon
no flags Details
Workaround using border:0 (32.35 KB, text/html)
2011-05-10 01:17 PDT, PlasticLawnDaemon
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description PlasticLawnDaemon 2011-05-08 02:28:43 PDT
Created attachment 92734 [details]
Select element border visibility testcase

View the attached example that should only have the dropdown button visible on select elements.
Having background-color: transparent works, but border-color: transparent doesn't.
Sorry if "forms" is the wrong component here, I was tossing up between that and "CSS"
Comment 1 PlasticLawnDaemon 2011-05-08 03:49:43 PDT
Created attachment 92735 [details]
Switching to use rgba(0,0,0,0) instead of 'transparent' doesn't work around this
Comment 2 Mihnea Ovidenie 2011-05-08 23:25:19 PDT
(In reply to comment #1)
> Created an attachment (id=92735) [details]
> Switching to use rgba(0,0,0,0) instead of 'transparent' doesn't work around this

Hi,

What version of nightly are you using? I have made a small sample:
<html>
<style>
		#SEL {
			border: 1px solid; border-color: transparent;
		}
		
		#SEL1 {
			border: 1px solid; border-color: rgba(0,0,0,0);
		}
		
		#SEL2 {
			border: 1px solid; border-color: black;
		}
	</style>
	<body>
		<select id="SEL">
			<option>A</option>
			<option>B</option>
			<option>C</option>
		</select>
		
		<select id="SEL1">
			<option>A</option>
			<option>B</option>
			<option>C</option>
		</select>

		<select id="SEL2">
			<option>A</option>
			<option>B</option>
			<option>C</option>
		</select>

	</body>	
</html>

In this sample, the border for the first 2 select items is gone. Maybe i am missing your point? 

Regards,
Comment 3 PlasticLawnDaemon 2011-05-09 14:57:45 PDT
Created attachment 92858 [details]
Screenshot of code from comment #2

(In reply to comment #2)
> (In reply to comment #1)
> In this sample, the border for the first 2 select items is gone. Maybe i am missing your point? 

For me your sample still shows the border in all 3 select items in Chromium 13.0.759.0 (84568)
I should mention I'm using the Windows Classic theme in XP if that matters.

I put your code into the URL field for others to check.
Comment 4 Mihnea Ovidenie 2011-05-09 23:57:26 PDT
(In reply to comment #3)
> Created an attachment (id=92858) [details]
> Screenshot of code from comment #2
> 
> (In reply to comment #2)
> > (In reply to comment #1)
> > In this sample, the border for the first 2 select items is gone. Maybe i am missing your point? 
> 
> For me your sample still shows the border in all 3 select items in Chromium 13.0.759.0 (84568)
> I should mention I'm using the Windows Classic theme in XP if that matters.
> 
> I put your code into the URL field for others to check.

Can you reproduce this bug in WebKit nightly? I have never tested this with Chromium.
Comment 5 PlasticLawnDaemon 2011-05-10 00:57:20 PDT
Unzipping WebKit from r86085.zip">http://builds.nightly.webkit.org/files/trunk/win/WebKit-SVN-r86085.zip and running it produced this alert:

"Safari not found.
Safari must be installed to run a WebKit nightly. You can download Safari from .. etc."

Ok, so I did that, being careful not to let the installer bloat up my system by including anything other than just Safari which I didn't intend to keep, like Quicktime/updater, then I got:

"Safari can't open.
Your copy of Safari is missing important software resources. Please reinstall Safari".

Sigh. So I'm guessing that Chromium not using Qt widgets for form elements is the real cause of this bug?
Comment 6 PlasticLawnDaemon 2011-05-10 01:04:16 PDT
Looks like someone already filed it for Chromium:

http://code.google.com/p/chromium/issues/detail?id=57001
Comment 7 PlasticLawnDaemon 2011-05-10 01:17:24 PDT
Created attachment 92927 [details]
Workaround using border:0