Opened 7 years ago

Closed 7 years ago

#14529 closed defect (fixed)

CalendarLite: display / focus visibility problems in high contrast

Reported by: bill Owned by: bill
Priority: high Milestone: 1.8
Component: Dijit Version: 1.7.1
Keywords: Cc:
Blocked By: Blocking:

Description

CalendarLite in high constrast mode (IE9, windows 7) shows all the grid lines, making it hard to see focus:

Calendar looks much better and focus is clear:

Attachments (2)

calendar.gif​ (10.4 KB) - added by bill 7 years ago.
calendarlite.gif​ (11.0 KB) - added by bill 7 years ago.

Download all attachments as: .zip

Change History (5)

Changed 7 years ago by bill

Attachment: calendar.gif​ added

Changed 7 years ago by bill

Attachment: calendarlite.gif​ added

comment:1 Changed 7 years ago by bill

Maybe the focus isn't important since CalendarLite doesn't have keyboard control anyway. Would be nice if the grid lines were gone though so the selected date was clear.

comment:2 Changed 7 years ago by bill

Oh, it's because CalendarLite doesn't pull in hccss.css, so dijit_a11y isn't set and this rule doesn't fire: 

.dijit_a11y .dijitCalendarDateTemplate {
	padding-bottom: 0.1em !important;	/* otherwise bottom border doesn't appear on IE */
	border: 0px !important;
}
Last edited 7 years ago by bill (previous) (diff)

comment:3 Changed 7 years ago by bill

Resolution: → fixed
Status: new → closed

In [27582]:

Move hccss require() from Calendar to CalendarLite. Shouldn't impact mobile much assuming that mobile does a browser-specific build where has("ie") and has("mozilla") are false, thus short-circuiting hccss.js.

Fixes #14529 !strict.

Note: See TracTickets for help on using tickets.