Skip to:
Content
Pages
Categories
Search
Top
Bottom

Can’t upload profile pic with ipad or iphone


  • elijeh
    Participant

    @elijeh

    I’m using WP 4.7.4 and BP 2.8.2. Users who register for my site aren’t able to upload a profile photo on their ipad or iphone. Is there a fix for this? I’m afraid I’m going to lose users.

    The apple products are the only ones causing trouble as far as I know.

    Thanks

Viewing 23 replies - 1 through 23 (of 23 total)

  • r-a-y
    Keymaster

    @r-a-y


    ketzita
    Participant

    @ketzita

    I have the same problem.

    I tried the patch, but it still didn’t work for me. Does the patch work for anyone else?

    When I say it didn’t work for me, I mean I click the “Select your file” button, and nothing happens. (Exception: the css hover properties take effect – but no file browsing takes place.)

    I read some older posts on this subject dating back to 5 years ago. Is iOS avatar upload a new thing for BP?


    r-a-y
    Keymaster

    @r-a-y

    @ketzita – Thanks for testing.

    Can you try purging your browser cache in iOS Safari? Then, try again?


    ketzita
    Participant

    @ketzita

    I’m not sure if I’m applying the patch correctly.

    Do I just replace lines 148-152 (pink-background) with lines 148-152 (yellow-background) ?

    The rest of the code seems to be unchanged. And I’m aware that I need to do this in both avatar-rtl.css, along with avatar.css.

    Is there more to it? This is my first time looking at the BP ticket/patch system that you guys use. The way I described is the way I tried it the first time, but before I try it again, I just want to be sure that I’m attempting it properly.


    r-a-y
    Keymaster

    @r-a-y

    Here’s avatar.css that’s been patched up:
    https://pastebin.com/raw/X6Nc0Qds

    If your site doesn’t use RTL, then you just need avatar.css.

    Please replace /buddypress/bp-core/css/avatar.css with this file and retry in iOS. Remember to purge your browser cache.


    ketzita
    Participant

    @ketzita

    Thank you for the link, that was much easier for me.

    I replaced my avatar.css with the code from the link, and deleted cache from Safari. Then, I tapped “Choose File,” and the iOS file browser popped up. I selected a photo, and a thumbnail version of the photo appeared to the right of the “Choose File” button, and “1 Photo” appeared to the right of the thumbnail.

    I tapped “Upload Image,” and the browser displayed the typical progress bar at the bottom of the address bar. But a few seconds later, the function returned to the way it starts: The old profile photo is still in place, and the thumbnail that was displayed to the right of the “Choose File” button is no longer there. It’s as if the upload was aborted, or something.

    On a side note: With the old css, I had issues changing avatar with Linux Mint w/Chrome, but with this new CSS it works with Linux Mint w/Chrome. That’s good! But what can we do about this iOS issue?

    By the way, thank you for creating this patch and for working on the issue.


    r-a-y
    Keymaster

    @r-a-y

    Good that the iOS file browser pops up now. Sorry to hear that uploading still doesn’t work though, will need at least another user to verify this.

    I don’t have an iOS device so I cannot test this functionality I’m afraid.

    What version of iOS are you using? If you’re on an older version, try and upgrade?


    ketzita
    Participant

    @ketzita

    I have an iPad Mini, and a regular iPad. The same problem occurs on both devices.

    The iPad mini is using version 9.3.5 (That’s the latest for this device.)

    The regular iPad (original, 1st generation) is using version 8.4.1 (Out-dated version.)

    If anyone else with an iOS device is reading this message, please try the patch and let us know how it goes for you.


    Carl Alberto
    Participant

    @carl-alberto

    I’m having the same issue using iphones but works on android mobile devices, I’ll try to apply patch then report back to see if it works on my end


    ketzita
    Participant

    @ketzita

    Did you try it?


    r-a-y
    Keymaster

    @r-a-y

    @ketzita – Can you copy avatar.css to avatar.min.css and see if that fixes the issue?

    The patch above only works on development installs since those installs only look for the avatar.css file. Production installs looks for the avatar.min.css file.

    One user has confirmed that this works.


    ketzita
    Participant

    @ketzita

    I copied my original BP’s avatar.css to avatar.min.css, deleted Safari’s cache, and was unable to upload a profile photo with my iPad mini.

    Do you happen to have a copy of the css file that worked for the other user? If so, can I have a link to it, or can you paste it here?

    If you don’t have it, can you tell me which BP version would have working css? I’m not sure which version crippled the iOS, but I would like to find out which version has working css so I can at least revert back to those css files.


    r-a-y
    Keymaster

    @r-a-y

    Copy the code from here:
    https://pastebin.com/raw/X6Nc0Qds

    Into /buddypress/bp-core/css/avatar.min.css.

    The user tested this on iPhone 6S, iPad Mini and iPad Air with success.

    I believe the last successful version was BP 2.7.2, but the CSS I linked to should account for that.


    ketzita
    Participant

    @ketzita

    I’m sorry, for some reason this is not working on my site with iOS devices.

    Can you give me a link to another live BP site with this fix in place, so I can see if I can change avatar on that site?


    r-a-y
    Keymaster

    @r-a-y

    Can you try changing your theme to something like Twenty Seventeen?

    Sometimes the current theme has CSS that conflicts with BuddyPress functionality.

    What theme are you using?


    ketzita
    Participant

    @ketzita

    You were correct. I switched to Twenty Seventeen, and it worked.

    I’m using the Graphene theme, along with its special “Graphene Mobile Neo” theme for mobile.

    Can I correct this problem by putting !important in front of some properties in avatar.min.css?
    If so, which properties should I add that to?

    Or if that’s not the solution, is there a better way to solve this besides switching to a different theme?

    Thank you!


    r-a-y
    Keymaster

    @r-a-y

    Graphene Mobile Neo is a premium addon so it is hard for us to test it. What happens when you disable that addon? Does the uploader work? If not, you’ll have to look into debugging iOS Safari.

    If you can duplicate this issue on a free theme, let us know.


    ketzita
    Participant

    @ketzita

    I disabled Neo, and tried uploading with Graphene theme active, but Graphene theme doesn’t work either.

    If I write to the theme’s author, what should I say?


    ketzita
    Participant

    @ketzita

    Please disregard this issue. I apologize, there was a conflict with my child theme. Graphene theme is working fine with BP/iOS.


    silvia79r
    Participant

    @silvia79r

    Hello.
    Also my buddypress site does not load photos from iphone (any iphone) while with android no problem. How can I do? I do not understand much about what I read in this topic


    ketzita
    Participant

    @ketzita

    Make a backup of your Buddypress CSS folder.

    Replace the code in avatar.min.css with the code from the link above.

    Clear cache in Safari, and try again. If the problem persists, activate a different theme, like Twenty Seventeen, and try it again.


    silvia79r
    Participant

    @silvia79r

    HAPPEN, AND THANKS AN ANSWER, BUT WHAT REASON “Replace the code in avatar.min.css with the code from the link above”.
    WHAT DO YOU DO TO MY SITE IF I CHANGE THE CODE?


    ketzita
    Participant

    @ketzita

    A recent Buddypress update modified the previously working css.

    It might fix the issue for you, but if it don’t, you have a backup. If that is the case, try another theme.

Viewing 23 replies - 1 through 23 (of 23 total)
  • You must be logged in to reply to this topic.
Skip to toolbar