[Plugin: Jetpack by WordPress.com] Messed up Sharing screen in Jetpack 1.2.2 and WP 3.3

Hi music2myear, can you provide a screenshot and perhaps the results of a “View > Source” for that page from your site please?

I’m looking at this on a test site (scrolled down so you can see I’m using 3.3)

https://cl.ly/3f3f3A0i0D3Z2S3H1q0D

Also — is your install using a non-standard wp-content directory or something like that perhaps? It sounds like some CSS is not loading or something.

Here’s a screenshot of what I see when I try to manage sharing in Jetpack.

There is no custom CSS or site configuration involved here that I’m aware of. It’s a standard install I’ve been running since I think 1.7 version of WP.

I disabled all plugins except JetPack to verify no issues there and the issue was the same.

I have deleted Jetpack and reinstalled the plugin: same issue.

The issue occurs on all computers I have access to as well as an iPad.

Wow that is super ugly ??

Are you able to view the source of that page and send a copy of that by any chance?

Also, if you look at it in Chrome or use FireBug for Firefox, can you see if loading that page is triggering any 404 errors perhaps? It definitely looks like your CSS isn’t completely loading.

Hi!

I have similar problem.

In my case I can see the share settings page wihout visual problems, so it looks ok. But I can’t drag and drop the sharing services.

If I try to drag one, text of the page is selected instead…

Here you can see the page code (for /wp-admin/options-general.php?page=sharing): https://pastebin.com/RR9sUJX4

Same WP and Jetpack version. Tested with Firefox 9.0.1, Explorer 9.x and Chrome 16.x, with the same result in all browsers.

Here’s the code from the Sharing page of the Jetpack plugin:

[Code moderated as per the Forum Rules. Please use the pastebin]

I’ll check with Firebug shortly.

Here’s a re-paste of the code: https://pastebin.com/4CpwnPdc

Also, checking firebug, there are 403 Access Forbidden errors on the following files:

• .\wp-content/plugins/jetpack/modules/sharedaddy/admin-sharing.css?ver=0.3
• .\wp-content/plugins/jetpack/modules/sharedaddy/admin-sharing.js?ver=1

Permissions on each of these files are 0644.

@samuel: can you access the files in @music2myear’s post (on your site)?

I’m not sure why these files are restricted from your web server, but that appears to be what’s causing the problem.

Can you try downloading a clean copy of Jetpack and copy over those files perhaps? 0644 should be fine to at least allow your webserver to read them, unless you have some additional security in place perhaps which is blocking access to files with “admin” in the name or something like that?

My permissions look like this:

[minelava]$ pwd
/home/beaul/domain.com/wp-content/plugins/jetpack/modules/sharedaddy
[minelava]$ ls -alFh
total 236K
drwxr-xr-x 3 beaul pg114338 4.0K 2011-12-05 16:10 ./
drwxr-xr-x 6 beaul pg114338 4.0K 2011-12-05 16:10 ../
-rw-r--r-- 1 beaul pg114338 7.6K 2011-12-05 16:10 admin-sharing.css
-rw-r--r-- 1 beaul pg114338  12K 2011-12-05 16:10 admin-sharing.js
drwxr-xr-x 2 beaul pg114338 4.0K 2011-12-05 16:10 images/
-rw-r--r-- 1 beaul pg114338 3.8K 2011-12-05 16:10 readme.txt
-rw-r--r-- 1 beaul pg114338  58K 2011-12-05 16:10 screenshot-1.jpg
-rw-r--r-- 1 beaul pg114338  27K 2011-12-05 16:10 screenshot-2.jpg
-rw-r--r-- 1 beaul pg114338 4.5K 2011-12-05 16:10 sharedaddy.php
-rw-r--r-- 1 beaul pg114338 7.1K 2011-12-05 16:10 sharedaddy.pot
-rw-r--r-- 1 beaul pg114338  16K 2011-12-05 16:10 sharing-service.php
-rw-r--r-- 1 beaul pg114338  33K 2011-12-05 16:10 sharing-sources.php
-rw-r--r-- 1 beaul pg114338 6.3K 2011-12-05 16:10 sharing.css
-rw-r--r-- 1 beaul pg114338 8.7K 2011-12-05 16:10 sharing.js
-rw-r--r-- 1 beaul pg114338  17K 2011-12-05 16:10 sharing.php

Found the problem.

.htaccess file in /wp-content/plugins had the following:

<Files ~ ".*\..*">
order allow,deny
deny from all
</Files>

.htaccess file probably originated from a security plugin suggested configuration. Removing the .htaccess file and the errors went away and the plugin pages load just fine. Looks ok now.

Weird, that’s definitely not a normal configuration. You could probably adjust it to allow access to .js, .css and .(gif|jpg|png) files to keep the extra security but allow other plugins to work normally, but removing it sounds like it’s got you fixed regardless.

@beau I don’t have that file permissions problem on my site. And no .htacces file in the /wp-content/plugins dir…

But the problem persists. I can’t drag and drop the sharing services buttons to activate them ??

Samuel does your Sharing screen look exactly like this one?

https://music2myear.com/image/JetpackError.jpg

Can you access your admin-sharing.css and admin-sharing.js files directly?

I have the exact same problem. My screen looks exactly the same as music2myear’s but I don’t have the .htaccess file.

Does anyone have a resolution to this? I’m seeing the same issue. My file permissions look right.

I’ve deleted the plugin and re-added it and no difference.

thanks

additionally, I’ve noticed that the main visual toolbar from the Add Post page is missing. The HTML toolbar is fine.

I’ve deactivated the plugin and the toolbar returns.

Clearly something is wrong with my JetPack installation.

The only other plugins I have installed are google analytics and AddThis. I recognize that addthis will not be needed once I get JetPack to work so for now it’s deactivated