43371 - [CBX][FIX-html.css]<select size="1"> css rendering problem

Status: VERIFIED WORKSFORME

(Core :: Layout: Form Controls, defect, P3)

Description

[James Lariviere]

DESCRIPTION:

The ,select size="1". background-color of the "drop down arrow" renders 
incorrectly when the general select is declared with input, such as:

input, select {
	background-color: #fff;
	color: #006;
	}

then next declare

select[size="1"] {
	background-color: #000;
	color: #0f0;
	}

if you omit the input (shown in test case 2) the <select>s render okay.


STEPS TO REPRODUCE:

view test case 1 for "INCORRECT" rendering.
view test case 2 for "CORRECT" rendering.

ACTUAL RESULTS:

The <select size="1"> renders with a background-color white when the background-
color for <select size="1"> is declared black.

view test case 1

EXPECTED RESULTS:

THe <select size="1"> should render with the typical "gray" drop down arrow. 

view test case 2

DOES NOT WORK CORRECTLY ON:

Win98 build 200062020 (6-20-00-m17 nightly build)

Comment 1

[James Lariviere]

Attachment: test case 1 - wrong rendering

Comment 2

[James Lariviere]

Attachment: test case 2 - "correct" rendering

Comment 3

[rods (gone)]

The problem is the button inside the select picks up the new "input" rule 
specified in the doc's "style" tag.

Hmmmm, this will take some thinking.


This bug has been marked "future" because the original netscape engineer working 
on this is over-burdened. If you feel this is an error, that you or another 
known resource will be working on this bug,or if it blocks your work in some way 
-- please attach your concern to the bug for reconsideration. 

Comment 4

[James Lariviere]

Hey Rod,

I think I may have a fix or at least lead you in the right direction.


	select > input[type="button"] {
	background-color: inherit;
	}

What's cool is that let's say you do a :focus for your select the button turns 
the same background-color as the select (in my case it's green).

I think I like this behavior better than what we come to expect (color gray) 
for this button all the time.

I'll post a test case.

Comment 5

[rods (gone)]

I tried this last week and it didn't work, but you gave me an idea. If I add 
!important to the rule then it works:

select > input[type="button"] {
  background-color: inherit !important;
}

Nominating for nsbeta3

Comment 6

[Kevin McCluskey (gone)]

Marking nsbeta3+

Comment 7

[rods (gone)]

actually this doesn't work. It picks up the background color of select which is 
white. I am going to set the button color to "buttonface", then leave this open 
and down grade it from nsbeta3 

Comment 8

[rods (gone)]

Changed the background-color for the arrow button to "buttonface", this is the 
best we are going to get for nsbeta3. The way the style context hierarchy set up 
for the selects and the containing button it wants to inherit the bg color of 
the select which is white.

setting this bug to nsbeta3-, and marking as future

Comment 9

[James Lariviere]

Why does this kill the ability to color the button at all?  For example if I try:

select > input[type="button"] {
	background-color: #ff0;
	}

mozilla still renders the background-color as ButtonFace instead of yellow.

Comment 10

[bsharma]

Updating QA contact.

Comment 11

[rods (gone)]

It now seems to work as weel as it is going to. makring works for me

Comment 12

[luis rincon]

verified on build 2001-08-14-trunk