34036 - [FIX]setting CSS2 absolute positioning for input tags breaks select drop-down button position

Status: VERIFIED DUPLICATE of bug 27806

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

Description

[Mike Gratton]

If defining position: absolute; for input tags, the position of the drop-down
button associated with a select tag is badly wrong. If you assign an absolute
positon to the select, the drop-down button gets placed at x,y: 0,0.

See the attached demo file.

This is for build 2000032909 on both linux and windows

Comment 1

[Mike Gratton]

Attachment: html file demoing problem

Comment 2

[rods (gone)]

Adding this position rule fixes it:

/* combobox button */
select > input[type="button"] {
  position: static !important;
  white-space:nowrap;
  border: outset 2px rgb(204, 204, 204);
  background-image:url("arrow.gif");
  background-repeat:no-repeat;
  background-position:center;
  width:12px;
  height:12px;
  -moz-border-radius:0px;
}

Comment 3

[rods (gone)]

It's funny we both had the same bug and arrived at the same place

*** This bug has been marked as a duplicate of 27806 ***

Comment 4

[Alan S. Jones]

verified dupe "SELECT element breaks up with style position:absolute; on INPUT"