Opened 12 years ago

Closed 12 years ago

#5148 closed defect (fixed)

position:absolute/relative styleing in dijit.css cause input boxs nested in scolling divs to follow you outside their container

Reported by: guest Owned by: Douglas Hays
Priority: high Milestone: 1.1
Component: Dijit Version: 1.0
Keywords: Cc:
Blocked By: Blocking:

Description

Scroll right on the red box in the test (test is just a modified /dijit/tests/forms/test_FilteringSelect.html)

Attachments (1)

Copy of test_FilteringSelect.html​ (9.7 KB) - added by guest 12 years ago.

Download all attachments as: .zip

Change History (6)

Changed 12 years ago by guest

Attachment: Copy of test_FilteringSelect.html​ added

comment:1 in reply to:  description Changed 12 years ago by guest

Replying to guest:

Scroll right on the red box in the test (test is just a modified /dijit/tests/forms/test_FilteringSelect.html)

seems to be because of: /* #4711: prevent IE from over-expanding 100% width input boxes */ .dj_ie .dijitTextBox .dijitInputField, .dj_ie .dijitComboBox .dijitInputField, .dj_ie .dijitSpinner .dijitInputField { position:relative; } .dj_ie .dijitTextBox .dijitInputField INPUT, .dj_ie .dijitComboBox .dijitInputField INPUT, .dj_ie .dijitSpinner .dijitInputField INPUT { position:absolute !important; }

comment:2 Changed 12 years ago by bill

Milestone: → 1.1

Doug can you take a look? BTW, whoever wrote that comment above, you should surround code samples with triple curly braces.

comment:3 Changed 12 years ago by bill

Owner: set to Douglas Hays

comment:4 Changed 12 years ago by Douglas Hays

Status: new → assigned

comment:5 Changed 12 years ago by Douglas Hays

Resolution: → fixed
Status: assigned → closed

(In [11677]) Fixes #4388, #4894, #5148, #5235 in v1.1. Changed the form input widgets from tables to divs to avoid browser incompatibilities with box sizings and nested table issues.

Note: See TracTickets for help on using tickets.