Opened 10 years ago

Closed 10 years ago

#12020 closed defect (fixed)

Tooltip: promptMessage prevents Calendar interaction (IE, quirks mode)

Reported by: JamesTung Owned by: bill
Priority: high Milestone: 1.6
Component: Dijit Version: 1.5
Keywords: Cc:
Blocked By: Blocking:

Description

In my case, when I click on the field to bring up the calendar. The prompt message is displayed. I can't select the dates in right side,like December 3,4,10,11,17,18,24,25 and I can't advance the month to January. Invalid message also has the same problem. It seems made by message overlapped calendar. It only happen in IE8. FF3.6 and Safari5 work fine.

Attachments (2)

test.html​ (977 bytes) - added by JamesTung 10 years ago.
fixIEtooltipIframe.patch​ (1.1 KB) - added by bill 10 years ago.
patch to make IE8 do explicit tooltip sizing rather than height: 100%

Download all attachments as: .zip

Change History (6)

Changed 10 years ago by JamesTung

Attachment: test.html​ added

comment:1 Changed 10 years ago by Adam Peller

Component: Date → Dijit
Owner: Adam Peller deleted

comment:2 Changed 10 years ago by bill

The real problem is that the Tooltip's BackgroundIframe is too tall, 3x the height of the tooltip itself. You can workaround this by making the DateTextBox at least as wide as the Calendar dropdown. Or alternately modify !BackgroundIFrame in popup.js to say dojo.isIE<=8 instead of dojo.isIE < 7.

I'll check in the fix after I get a chance to add an automated test case.

Changed 10 years ago by bill

Attachment: fixIEtooltipIframe.patch​ added

patch to make IE8 do explicit tooltip sizing rather than height: 100%

comment:3 Changed 10 years ago by bill

Milestone: tbd → 1.6
Owner: set to bill
Priority: high → normal
Status: new → assigned
Summary: Calendar can't pick some date when message shown → Tooltip: promptMessage prevents Calendar interaction (IE, quirks mode)

Turns out this problem is occurring because your test case is in quirks mode, i.e. you have 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

rather than 

<!DOCTYPE html>

comment:4 Changed 10 years ago by bill

Resolution: → fixed
Status: assigned → closed

(In [23274]) Height:100% for BackgroundIframe doesn't work in quirks mode, even on IE8. That was causing a problem where a DateTextBox promptMessage interfered with Calendar interaction. Fixes #12020 !strict.

Note: See TracTickets for help on using tickets.