74857 - span bg color is drawn over form controls

Status: RESOLVED WORKSFORME

(Core :: Layout, defect, P2)

Description

[scottputterman]

20010404 on Win 2000.

When I go to the above url, the page doesn't layout correctly.  All of the edit
fields are really small (luckily you can still type in them), you can't see the
drop down arrows in the dropdowns and the buttons don't show up.

However, if you do a reload, everything comes out fine.

Comment 1

[karnaze (gone)]

Rods, can you please take a look.

Comment 2

[rods (gone)]

changing summary and reassigning

Comment 3

[rods (gone)]

Attachment: reduced testcase

Comment 4

[rods (gone)]

In the simple, testcase remove the background-color from the style rule and it 
will render fine.

Comment 5

[rods (gone)]

Attachment: ignore previous attachment, this is the one

Comment 6

[scottputterman]

nominating with various keywords. I think this is a pretty major page to have 
working.

Comment 7

[Marc Attinasi]

I see the same behavior in NS6.01 too, btw. Will investigate, but I'm swamped
for 0.9 right now.

Comment 8

[Marc Attinasi]

OK, this looks like yet another form-control in an inline problem (we are
accumulating a lot of these). The same problem occurs for input, textarea dna
button. It is all ok in a block (including a FORM), but not in an inline
container, like a span.

I think that Rod and I will have to work out something so that form controls can
handle being put into inlines - right now they are very confused by inline
containers.

Assigning mozilla 0.9.1 milestone

Comment 9

[Marc Attinasi]

Moving P2 and P3 bugs to 0.9.2

Comment 10

[Marc Attinasi]

by mandate, moving non-crashers and non-datalossers outward.

Comment 11

[Jerry]

 I made one simple testcase like that:


<style>
SPAN.pull {
	BACKGROUND: red
}
SPAN.pull SELECT {
	BACKGROUND: blue
}
</STYLE>
<span class=pull>
<select name=productList> <option selected value=#>SELECT A TOPIC<option>
<option selected value=#>SELECT A TOPIC<option>
</select>
</span>

Comment 12

[Pete Zha]

Attachment: Test case(more clear)

See the button there, the span's color is on top of the button

Comment 13

[Pete Zha]

Attachment: patch to fix html.css

Maybe html.css forgot to add display attribute of span...

Comment 14

[Pete Zha]

dbaron: Could this bug related to the fix of bug 36710? I can't find your patch 
on bug 36710. Need your help. Thanks!

Comment 15

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

This does have to do with paint layers, but there are a bunch of other bugs on
different form controls (some of which have been fixed), all of which really
need to be fixed.  See bug 107244, which fixed this problem for text inputs,
radio buttons, and checkboxes.

Comment 16

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Comment on attachment 76985 [details] [diff] [review]
patch to fix html.css

This patch is wrong.

Comment 17

[Ralf Hauser]

I guess the following code points to a similar problem:

<span style="color: #B69249;background-color: #BAFF52;">
abc
<ul><li>uvw</li></ul>
xyz</span>

Probably either the background of the li is green to, or the font-color of the
li should also be set back to the default (i.e. black)...

http://bugzilla.mozilla.org/show_bug.cgi?id=156653 appears to be a similar problem

Comment 18

[Boris Zbarsky [:bzbarsky]]

I'm not able to reproduce this bug.... is this still a problem?

Comment 19

[Boris Zbarsky [:bzbarsky]]

No response == marking worksforme.  Please reopen if this is still an issue.