Note: This bug is displayed in read-only format because the product is no longer active in Red Hat Bugzilla.

Bug 880267

Summary: Ticket-monster demo CSS issue in IE10, non compat mode
Product: [Retired] JBoss Enterprise WFK Platform 2 Reporter: Karel Piwko <kpiwko>
Component: TicketMonster, ExamplesAssignee: Vineet Reynolds <vpereira>
Status: CLOSED CURRENTRELEASE QA Contact: Oliver Kišš <okiss>
Severity: low Docs Contact:
Priority: low    
Version: 2.1.0CC: bsutter, maschmid, mnovotny, oskutka, pmuir, rruss
Target Milestone: CR1   
Target Release: 2.3.0   
Hardware: Unspecified   
OS: Unspecified   
Whiteboard:
Fixed In Version: Doc Type: Bug Fix
Doc Text:
Story Points: ---
Clone Of: Environment:
Last Closed: 2013-07-16 11:33:08 UTC Type: Bug
Regression: --- Mount Type: ---
Documentation: --- CRM:
Verified Versions: Category: ---
oVirt Team: --- RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: --- Target Upstream Version:
Embargoed:
Attachments:
Description Flags
IE9 screenshot
none
IE10 screenshot none

Description Karel Piwko 2012-11-26 15:34:03 UTC 
Description of problem:

When showing ticketmonster demo in IE10, both Metro and desktop mode, there are css artifacts.

Version-Release number of selected component (if applicable):


How reproducible:

Always.

Steps to Reproduce:
1. Go to any page
2. Go back to "Venues"
  
Actual results:

CSS artifacts.

Expected results:

Clean design, the very same as for IE10.
Additional info:
Comment 1 Karel Piwko 2012-11-26 15:34:55 UTC 
Created attachment 652017 [details]
IE9 screenshot
Comment 2 Karel Piwko 2012-11-26 15:35:17 UTC 
Created attachment 652018 [details]
IE10 screenshot
Comment 3 Marek Novotny 2013-01-10 12:39:47 UTC 
Is there any upstream issue for this? Please file if doesn't exist and link it here
Comment 5 JBoss JIRA Server 2013-05-20 15:59:26 UTC 
Vineet Reynolds <vineet.reynolds> made a comment on jira JDF-182

This is due to a combination of the use of box-shadow effects on the menu item, and the Twitter Bootstrap collapse plugin. Needs a bit more work to fix it - we could either remove the effect, or replace it with an equivalent.
Comment 6 JBoss JIRA Server 2013-05-20 15:59:50 UTC 
Vineet Reynolds <vineet.reynolds> updated the status of jira JDF-182 to Coding In Progress
Comment 7 JBoss JIRA Server 2013-05-21 12:54:53 UTC 
Vineet Reynolds <vineet.reynolds> updated the status of jira JDF-182 to Resolved
Comment 8 JBoss JIRA Server 2013-05-21 12:54:53 UTC 
Vineet Reynolds <vineet.reynolds> made a comment on jira JDF-182

Pushed upstream https://github.com/jboss-jdf/ticket-monster/commit/546c40b6f23526aee68ee4bf347e1225b274ae59

Tracked this as MSIE10 bug: http://connect.microsoft.com/IE/feedback/details/763388/repaint-problem-with-dynamically-resizing-box-shadow

Unfortunately, the workaround proposed at Microsoft Connect did not work in the Twitter Bootstrap collapse plugin:
{noformat}
this.$parent[0].style.zoom = 1
{noformat}
since reflow was presumably triggered too early.

Removed the box-shadow effect through a MSIE media query hack. The shadow is retained for all browsers (read Firefox, Chrome etc.) except for MSIE9 and 10.
Comment 10 Marek Novotny 2013-06-18 13:07:29 UTC 
the fix is in TiMo now http://git.app.eng.bos.redhat.com/?p=wfk/ticket-monster.git;a=commitdiff;h=1c13fdfc0a848d2bff0c6b19cf38eab6db812c49
Comment 12 Oliver Kišš 2013-07-03 11:44:45 UTC 
Verified