Bug 5140

Summary:	In Chrome, drop-down menus disappear after using pop-up calendar
Product:	Koha	Reporter:	Owen Leonard <oleonard>
Component:	Browser compatibility	Assignee:	Owen Leonard <oleonard>
Status:	CLOSED FIXED	QA Contact:	Bugs List <koha-bugs>
Severity:	normal
Priority:	PATCH-Sent (DO NOT USE)	CC:	chris, julian.maurice, nengard
Version:	Main
Hardware:	All
OS:	All
Change sponsored?:	---	Patch complexity:	---
Documentation contact:		Documentation submission:
Text to go in the release notes:		Version(s) released in:
Circulation function:
Attachments:	Screenshot showing the problem Proposed fix calendar in chrome on mac

Description Owen Leonard 2010-08-16 17:18:35 UTC

To reproduce, try the Acquisitions statistics report in Google Chrome. When you click a calendar icon to show the date picker, <select> form fields disappear. In other browsers the fields reappear after the date picker is closed, but in Chrome they remain hidden.

The disappearing behavior is designed to get around a display bug in Internet Explorer 6 in which <select> fields "bleed through" HTML elements which are displayed on top of them. The JavaScript calendar library we use has a built in routine to hide any <select> elements which are positioned after the calendar pop-up. For some reason the JavaScript code fails to redisplay the <select> fields in Chrome.

The "bleed through" bug has been fixed in IE7+, so I'm inclined to remove the hiding behavior altogether and let IE6 users live with it (as they do so many other horrible CSS bugs anyway).

Comment 1 Owen Leonard 2010-08-16 17:21:39 UTC

Created attachment 2525 [details]
Screenshot showing the problem

Drop-down menus for patron category, item type, etc. have disappeared.

Comment 2 Owen Leonard 2010-08-16 19:12:23 UTC

Created attachment 2526 [details] [review]
Proposed fix

Disabling that part of the calendar JavaScript which hides <select> form fields when the calendar is displayed. This is at the expense of IE6.

Comment 3 Owen Leonard 2010-08-16 19:14:30 UTC

The bug and the patch also apply to rel_3_0.

Comment 4 Nicole C. Engard 2011-02-16 21:10:40 UTC

Created attachment 3166 [details]
calendar in chrome on mac

I tested the patch and it doesn't fix anything ... also my calendar doesn't show the month (as attached).

Comment 5 Nicole C. Engard 2011-02-16 21:14:22 UTC

Video after applying patch: http://www.screencast.com/users/NicoleEngard/folders/Jing/media/7452dee6-787a-4866-b311-9fb958b2bd66

Comment 6 Nicole C. Engard 2011-02-16 21:16:11 UTC

Tested right this time and it works :) Signed off.

My calendar still has a black bar where the month should be though.

Comment 7 Owen Leonard 2011-02-17 18:05:21 UTC

> My calendar still has a black bar where the month should be though.

This seems to be a bug specific to Chrome on the Mac, and can be explained by the calendar widget's use of now-deprecated "System Colors" in its CSS. The best workaround in the short term is to add a custom CSS declaration to your IntranetUserCSS preference:  

div.calendar thead td.title { background: #DDD none; }

Comment 8 Chris Cormack 2011-02-17 21:48:24 UTC

Pushed to master

Comment 9 MJ Ray (software.coop) 2011-03-06 12:10:00 UTC

This bug is mentioned in:
Fix for Bug 5140 - In Chrome,	drop-down menus disappear after using pop-up calendar http://lists.koha-community.org/pipermail/koha-patches/2011-February/013880.html