27806 - SELECT element breaks up with style position:absolute; on INPUT

Status: VERIFIED FIXED

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

Description

[Keith Lesch]

I'll be making an attachment to show the bug although I really don't have a clue 
how to explain it.  The SELECT element seems to be abnormally affected by the 
position:absolute style setting on the INPUT element.  If you remove the style 
setting on the INPUT element, the page displays correctly.

Comment 1

[Keith Lesch]

Attachment: SELECT element displays incorrectly.

Comment 2

[karnaze (gone)]

Reassigning to Rod.

Comment 3

[rods (gone)]

setting to M15

Comment 4

[rods (gone)]

Looks like the Anonymous content's style is inheriting the absolute position.

Comment 5

[Marc Attinasi]

The example shows a problem with the anonymous content. It is true that the rule 
INPUT { position:absolute; } is causing the button to 'break away' from the 
SELECT, however from the Style System's perspective, that the behavior is 
correct. Basically we have to apply style to anonymous content as well as normal 
content. For example, if the author had a rule like:

  INPUT { background-color:red; } 

then we would want to honor that, wouldn't we?

I have found that a simple rule in the html.css file fixes this problem with 
absolute positioning:

  SELECT > INPUT[type="button"]{
    position:static !important;
  }

This says that any INPUT element that has type of button that has a parent of 
SELECT will be staticly positioned. This seems to fix it. 

Rod, Please check if it makes life better for you and let me know. There may be 
other attributes we want to put in that rule, like visibility:visible maybe???

Comment 6

[Marc Attinasi]

Attachment: testcase showing the benefits of a new rule to keep button portion of select positioned correctly

Comment 7

[rods (gone)]

*** Bug 34036 has been marked as a duplicate of this bug. ***

Comment 8

[rods (gone)]

I don't know about the vis rule, but I tested this the other rule via my own dup 
bug 34036. So yes, go ahead and check it in.

Comment 9

[Marc Attinasi]

Added new rule to HTML.CSS to keep buttons that are children of selects from 
being absolutely positioned.

Comment 10

[Keith Lesch]

Verifying.  I am supposed to do this on the bugs I own, correct?

Looks fine in M15.  Thanks!