Skip to main content

Bug Tracker

Side navigation

#6770 closed feature (invalid)

Opened July 06, 2010 10:25PM UTC

Closed October 09, 2010 02:50AM UTC

Problems with height manipulation in Chrome

Reported by: Gungneer Owned by:
Priority: undecided Milestone: 1.4.2
Component: manipulation Version: 1.4.2
Keywords: height chrome Cc:
Blocked by: Blocking:
Description

Ok, so I've got this thing, changes height of an element when browser is resized and all that jazz... FF works fine, IE, and Opera too... Chrome and Sarari though will still use my AJAX page system, but it refuses to change an element to a height based on the height of other elements in teh document, so I know that jQuery IS working, just the height isn't... Any chance anyone can tell me what this is about?

Attachments (0)
Change History (2)

Changed July 07, 2010 02:10PM UTC by Gungneer comment:1

Here is the source for waht I am having problems with... (PLease note, JS is NOT my strongpoint. ;D And all this is included into my check for if the document is ready)

resizeShit = function()

{

$('#mainContent').jScrollPaneRemove();

$('#thesidebar').jScrollPaneRemove();

var howmuch = parseInt($("#navbar").height()) + parseInt($("#footer").height()) + parseInt($("#header").height()) + parseInt($("#navbar").css('padding-top')) + parseInt($("#navbar").css('padding-bottom')) + parseInt($("#mainContentCtnr").css('padding-top')) + parseInt($("#mainContentCtnr").css('padding-bottom')) + parseInt($("#header").css('padding-top')) + parseInt($("#header").css('padding-bottom')) + parseInt($("#footer").css('padding-top')) + parseInt($("#footer").css('border-bottom-width')) + parseInt($("#footer").css('border-top-width')) + parseInt($("#header").css('border-bottom-width')) + parseInt($("#header").css('border-top-width')) + parseInt($("#navbar").css('border-bottom-width')) + parseInt($("#navbar").css('border-top-width')) + parseInt($("#mainContentCtnr").css('border-bottom-width')) + parseInt($("#wrap").css('margin-top')) + parseInt($("#wrap").css('margin-bottom')) + 5;

var newHeight = $(window).height() - howmuch;

$('#mainContentCtnr').height(Math.max(newHeight,230));

$('#sidebar').height(Math.max(newHeight,230));

$('#mainContent').jScrollPane();

$('#thesidebar').jScrollPane();

}

$(window).resize(function(){

resizeShit();

});

resizeShit();

Changed October 09, 2010 02:50AM UTC by addyosmani comment:2

need: ReviewTest Case
priority: → undecided
resolution: → invalid
status: newclosed

Incomplete test case. Please re-submit your ticket including a live test case and the version of the jScrollPane plugin being used.

PS: Please note that as using the jScrollPane plugin and it has known issues when it comes to resizing scrollbars relative to content that you may be able to get better assistance by contacting the plugin author or finding a forum where jScrollPane is supported.

Alternatively you may be able to get better assistance in the plugins section of forum.jquery.com.