Forums
View unanswered posts | View active topics It is currently Fri Oct 24, 2014 7:27 pm



Reply to topic  [ 7 posts ] 
 IE 7 Scrollbar issue when using PIE behavior 
Author Message

Joined: Mon Feb 27, 2012 2:03 pm
Posts: 1
Post IE 7 Scrollbar issue when using PIE behavior
Problem Description
Browser Version: IE 7 only (or compatibility mode)
Use Case: Box with rounded corners containing a scrollable div
Issue: Cannot scroll using the drag handle

Workarounds
You can refactor the contents of the DIV -- some structures give the issue, some do not. This is not really a viable solution, since it would only be temporary. I could fix the issue now, and some other developer might add to what I did and break it again.

Use Case
I am trying to refactor a bunch of portlets (or rounded corner boxes that have a blue header) to use a simple CSS 3 structure and use PIE behavior in IE 7 and 8. The old code used a complicate HTML structure using background images.

I have removed as much unnecessary HTML and CSS from the example code, but originally the portlet contained a table of "combo boxes". A combo box is an input box that functions like a drop down (which has a toggle button which shows a popup onclick showing auto complete suggestions). After updating the portlet HTML (and not touching the content) now in IE 7 the content is no longer scrollable when dragging the scroll handle.

Reproduction Steps
Source Code: https://gist.github.com/1926652
Live Example: http://www.codefactor.net/examples/scrollbarIssue.html
(source code should be a perma-link)
(live example will only be active until I no longer require assistance on this issue)

Screen Shot
Attachment:
ie7_scrollbar_issue.png [19.99 KiB]
Not downloaded yet


Mon Feb 27, 2012 3:24 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: IE 7 Scrollbar issue when using PIE behavior
Thanks, this is known bug https://github.com/lojjic/PIE/issues/190

I've added a link to your post in the comments so we can reference your testcase.


Mon Feb 27, 2012 3:52 pm
Profile

Joined: Mon Mar 26, 2012 1:04 pm
Posts: 3
Post Re: IE 7 Scrollbar issue when using PIE behavior
1. I think the issue is due to updating the class name on click of the container
addListener( el, 'onmousedown', mousePressed );
the movement I remove the listener it works
2. or may be the delay timmer before adding the classname. can we try sing the setTimeout to add the classname. instd of the while loop.


Mon Mar 26, 2012 1:11 pm
Profile

Joined: Tue Jan 17, 2012 5:36 pm
Posts: 6
Post Re: IE 7 Scrollbar issue when using PIE behavior
Anyone find the answer to this. Its driving me nuts for the past day.


Wed Apr 04, 2012 2:21 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: IE 7 Scrollbar issue when using PIE behavior
@timtim see the link above to the ticket in GitHub, it has information about the fix.


Wed Apr 04, 2012 2:37 pm
Profile

Joined: Tue Jan 17, 2012 5:36 pm
Posts: 6
Post Re: IE 7 Scrollbar issue when using PIE behavior
Thanks I just downloaded the latest files from git and not seeing any .htc file. Am I missing something.


Thu Apr 05, 2012 10:22 am
Profile

Joined: Tue Jan 17, 2012 5:36 pm
Posts: 6
Post Re: IE 7 Scrollbar issue when using PIE behavior
Never mind I was lazy and didn't read that you have to make a build.


Thu Apr 05, 2012 10:39 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 7 posts ] 

Who is online

Users browsing this forum: Bing [Bot], Google [Bot] and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.