Ticket #2854 (closed Bugs: fixed)

Opened 5 years ago

Last modified 5 years ago

Internet explorer compatibility issue

Reported by: ruchir Assigned to:
Priority: trivial Milestone: 2.5
Component: Internet Explorer (provide version) Version: 2.4-branch
Keywords: Cc:
Confirmation: Confirmed Distro:
Backend Engine: All Distro Ver:
Backend Ver: SVN Revision (if applicable):

Description

When we open freepbx web gui in internet explorer, most of the pages work fine except the ones having select lists. When we open a page having select list and mouse over the labels, all of the select lists are hidden. When we move the mouse away from labels then select lists appear again. This issue is there in both IE 6 & IE 7. Can anyone suggest me some solution for this problem?

Attachments

freepbx-ie-select-list-bug.JPG (45.0 kB) - added by ruchir on 06/20/08 10:41:45.

Change History

06/20/08 10:41:45 changed by ruchir

  • attachment freepbx-ie-select-list-bug.JPG added.

06/20/08 12:34:45 changed by p_lindheimer

  • confirmation changed from Unreviewed to Confirmed.
  • milestone changed from Cut Line to 3.0.

The immediate solution would be to change to another browser like FF. If someone wants to come up with a fix, I'll be happy to get it in. It is almost certainly an issue in the CSS style sheet for those who want to look into it.

(follow-up: ↓ 3 ) 07/19/08 20:09:52 changed by p_lindheimer

ping

can someone knowledgeable with CSS and IE have a look at this, I assume it must be something fairly easy to solve but???

(in reply to: ↑ 2 ) 07/28/08 12:23:49 changed by sasargen

Phillipe,

The behavior described is a work-around for a bug in IE up to version 6. The SELECT component in IE was rendered as an OS component, not an HTML component, so it acts as if it has an infinite z-index. Therefore, it always shows through floated elements like the a.info hover popups.

The standard work-around for IE is to use javascript to hide all SELECT elements when a floated element is displayed, and then to unhide the SELECT elements when the floated element is finished displaying.

This IE specific work-around is implemented in libfreepbx.javascripts.js with the following functions: 

function hideSelects(b)
function doHideSelects(event)
function doShowSelects(event)
function setAllInfoToHideSelects()

The work-around can be turned off by changing: 

function body_loaded(){setAllInfoToHideSelects();updateInfoTargets();}

to 

function body_loaded(){/*setAllInfoToHideSelects();*/updateInfoTargets();}

However, I think it would be better to remove the work-around code all together. The location of the info popups barely overlaps any SELECT boxes, so it shouldn't cause any problems. If the overlap is a concern, the CSS could be updated to move the info popup 5 pixels to the left. Also, the original IE bug has been fixed since IE 7, so it shouldn't be an issue going forward.

Thanks, Seth

07/30/08 21:41:39 changed by p_lindheimer

  • status changed from new to closed.
  • resolution set to fixed.

(In [6220]) fixes #2854 select boxes disapearing on ie7 - could use some verification that IE6 still works

07/30/08 21:43:05 changed by p_lindheimer

(In [6221]) Merged revisions 6220 via svnmerge from re #2854 http://svn.freepbx.org/freepbx/trunk

........

r6220 | p_lindheimer | 2008-07-30 18:41:38 -0700 (Wed, 30 Jul 2008) | 1 line

fixes #2854 select boxes disapearing on ie7 - could use some verification that IE6 still works

........