the upload is fine, but when using default crop selection, final image is different

both group avatar and user avatar same problem

user select file and upload, avatar is fine so user don’t move crop box, click on crop image and then it shows up as different final selection

[wordpress3+buddypress1.2.5.2]

[@ajohnson Member 14 years, 5 months ago]

same problem here. any ideas?

[@somethingelse Participant 14 years, 5 months ago]

me too… don’t even get the crop tool… just a preselected crop of the uploaded image… which often isn’t very attractive

[@dtclarinet Participant 14 years, 5 months ago]

Same here http://blog.davidhthomas.net unable to crop avatar in bp profile.

[@cnorris23 Participant 14 years, 5 months ago]

@intimez
Saw your ticket on Trac. Can you give some more info on your setup? What kind of file (jpeg, gif, png, etc)? PHP version? Windows or Linux server? Browser/browser version? There is what seems to be a similar/related report of this issue here (https://buddypress.org/community/groups/how-to-and-troubleshooting/forum/topic/ie8-cant-crop-avatar-last-step-of-registration-for-buddypress-1-2-5/) using IE8.

[@intimez Participant 14 years, 5 months ago]

@cnorris23

Unrelated issue I think

linux, php 5.2.11, apache 2.2.14, mysql 5.0.91-community
tested under chrome and firefox

Mine is not about can’t crop, it’s the crop selection. Moving crop selection work ok.

Before: http://img149.imageshack.us/img149/7670/bpcrop1.png
After: http://img196.imageshack.us/img196/6986/bpcrop2.png

How can I include picture to trac?

[@cnorris23 Participant 14 years, 5 months ago]

@intimez thanks for the info. What version of Chrome and Firefox are you using?

I said possible related, because who knows exactly what “can’t crop” means. It could mean they are completely unable to crop, or it could mean that it’s the same issue as you. That’s why it’s always good to give as much detail as possible. I am however inclined to agree with you since you’re having the issue on Chrome and Firefox.

As far as posting images on Trac, you just click the add attachment button. Make sure you fill in the “Description” box when adding an image so people know what they’re about to see.

From your images, it looks like you were uploading a transparent gif or png. Is this correct? If so, which one? If it’s a png file, is it 8-bit, or 24-bit? Would you mind posting, for download/testing, the actual image you used where you got the error. Along with this, do you get the error on every image you try, or was it just that particular image? I know that’s a lot of questions, but they help.

[@intimez Participant 14 years, 5 months ago]

@cnorris23

Understood and trying to provide as much info as you need to get this issue addressed so one less ticket. chrome is 6.0.458.1 dev and firefox is 3.5.9
attached image of a different one in trac
happens on every picture uploaded
i finish two new installs with same problem

[@pandragon Member 14 years, 5 months ago]

Also having problem can’t replace avatars and can’t crop http://www.pandragon.com Also no new emails on registering are being sent out and password reset not being sent out

[@pandragon Member 14 years, 5 months ago]

Also https://buddypress.org/community/members/pandragon/profile/change-avatar/ not working lol

[@dtclarinet Participant 14 years, 5 months ago]

It seems odd that the select tool to choose crop area still does not show at all. When I installed BP, it worked. I just tried deactivating all BP plugins, and even with just the base BPplugin, the select tool fro group avatar does not show, so unable to select crop area.

http://blog.davidhthomas.net

I think this may have occurred with the latest BP update, since I know it worked a week ago.

Thanks,
David

[@ronia Participant 14 years, 5 months ago]

The default crop results in a final image that is different from default crop area shown.
Moving the crop handle even slightly results in proper cropping.
This is confirmed to occur in all browsers in all congurations in all fresh installs of fresh WP 3 and fresh latest downloadable BP 1.2.5.2.

[@smcjoco Participant 14 years, 5 months ago]

Any suggestions on what to do? we have tried this on all versions of the top 3 browsers, different size of images, file types, etc and cannot update.
We get an error on page when attempting to do so.
This started happening about a week ago for us as well. When the image is uploaded there is a box that appears with resizing handles, and disappears as soon as you click on it. Very frustrating for our 225 members for our new site we just launched using buddypress

here are the details:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Sun, 18 Jul 2010 02:17:29 UTC

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

Message: Invalid argument.
Line: 116
Char: 165
Code: 0
URI: http://smcjoco.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

[@smcjoco Participant 14 years, 5 months ago]

Furthermore, we just updated the version today and it was having the same issue on the old version

[@vsimovic Member 14 years, 5 months ago]

Hey guys,

i am using Jukt micronics theme downloaded from BuddyPress webiste and avatar crop after upload works in all browsers except IE8. It’s strange that it works in IE7, but not working in IE8.

When i upload the photo it gives me this error:
Message: ‘document.documentElement’ is null or not an object
Line: 153
Char: 486
Code: 0
URI: http://www.teledruzenje.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

I didn’t upgrade BP to 1.2.5.2. Does this problem occur in new version too?

It would nice if somebody would give some hint to us what to do to solve this strange problem.

Cheers

[@josh101 Participant 14 years, 5 months ago]

I also have this problem. It crops the pic before you do then expects you to crop it another time.

[@vsimovic Member 14 years, 5 months ago]

It seems like IE8 crops upper left corner of the pic and doesn’t allow to crop it by yourself. Strange. Anybody found any solution for this problem?

[@vsimovic Member 14 years, 5 months ago]

Hey people, i have figured out what was the problem. I have recently installed plugin called Lightbox 2 which makes pics appear in pop-up box. This plugin uses jquery and error said that some jquery problem occured.

After i deactivated this plugin crop worked normally in IE8. So my advise is to search for plugin that conflicts with BP crop func.

[@dtclarinet Participant 14 years, 4 months ago]

I don’t think it’s a plugin issue. I just tried in Chrome browser and the crop selection tool for avatar is still not visible. It preselects and you cannot change it. The funny thing is, I started a new group, and that avatar was selectable before cropping. Then I went back to the old group,, and it was not. Same browser.

http://blog.davidhthomas.net

I’d like to be able to change/update my group avatars.

Thanks,
David

[@rawsangha Participant 14 years, 4 months ago]

OMG… why can’t we get this issue resolved?

Somebody… anybody please come up with a fix for this.

My website is experiencing the same issues my new users can’t crop their avatar!
http://www.rawbreakfeast.com

[@odiggy Participant 14 years, 4 months ago]

Ugh yeah this sucks… I got it working on a fresh blog install with the default theme. On the blog I desperately need it working on no go. I’ve disabled numerous plugins/removed any jquery includes etc. to no avail. Just can’t seem to figure out why it works one one blog and not the other. *sigh*

[@odiggy Participant 14 years, 4 months ago]

Okay this fixed it for me:

1. Download Jcrop (http://deepliquid.com/content/Jcrop.html)
2. Put the jquery.Jcrop.js file on your server in your theme /js folder
3. Link jcrop in your header.php in the header

[@r-a-y Keymaster 14 years, 4 months ago]

You shouldn’t need to download JCrop, as it should already be called when you’re on the crop avatar page.
I’m guessing that you’re using another JS script that is interfering with it.

[@labedford Member 14 years, 4 months ago]

I have the same problem with IE8, however if the user enables compatibility mode the crop tool becomes visible. I have tried the instruction from odiggy and it never sorted the IE8 without compatibility view. This is just annoying as I have to tell people to enable compatibility view to use my site.

[@labedford Member 14 years, 4 months ago]

The intrim solution I have been advised is to put this into my header: http://premium.wpmudev.org/forums/topic/ie8-compatibility-mode (can’t get the code to show) – you can see it at this link.

This forces (sort of) IE8 to use compatibility view. Now the cropping tool appears without user intervention.

[@intimez Participant 14 years ago]

I decided test this with the new version of buddypress (1.2.7) and a new install of wordpress. The problem still there.

Steps:
Upload test image
do not move crop box
click on crop image

Default crop selection:
http://img210.imageshack.us/img210/6979/changeavatar.png

After clicking on crop image:
http://img88.imageshack.us/img88/2276/changeavatar2.png

Notice two different crop image?