Single Image field on Mobile?

This topic has 4 replies, 2 voices, and was last updated 2 years, 6 months ago by Long Nguyen.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
June 22, 2022 at 10:25 PM #36631

Gerard Halligan
Participant

Hi,

There seems to be an issue with editing or deleting an image from the single image field when using MB frontend.
For some reason, clicking on the fields does nothing. Sometimes if I click a load of times all around the buttons it works. I thought maybe the z-index needed to be set higher but that didn't fix it. Has anyone else come across this issue?

I think it might have something to do with the fact that this field is draggable, even though it shouldn't since you can only select one image.

Does anyone have any idea how to fix this?

Thanks,
Ger

Add New Note to this Reply

June 23, 2022 at 12:51 PM #36638

Long Nguyen
Moderator

Hi Ger,

1. For the frontend form, please try to deactivate all plugins except Meta Box, MB Frontend Submission extensions and switch to the standard theme of WordPress (Twenty TwentyTwo) and recheck this issue. If it still does not work, please share the page URL, I will help you to check the issue.

2. It is not possible to drag the image on this field because there is only one image. Can you please share a screen record of this issue?

Add New Note to this Reply

June 23, 2022 at 1:22 PM #36640

Gerard Halligan
Participant

Hi Long Nguyen,

Thanks for getting back to me.

Here a link to a video of what I mean.

https://www.dropbox.com/s/j6wk4n44amtrtdz/screen_recording_20220623-071222_edge.mp4?dl=0

I'll try what you recommended as well and let you know.

If you can't view the video, please let me know.

Thanks,
Ger

Add New Note to this Reply

June 23, 2022 at 1:29 PM #36641

Gerard Halligan
Participant

I forgot to say, that I made some slight CSS edits to always show the action buttons. I also hide the edit button, since I only want someone to delete the image and add another. The buttons didn't work before this either, and I only started take the CSS changes to see if there was something overlaying it and blocking touches. If I keep tapping away around it, it does eventually work. But it never worked clicking on it.

Thanks

Add New Note to this Reply

June 24, 2022 at 9:02 AM #36652

Long Nguyen
Moderator

Hi,

The action buttons (remove, edit) are always shown on the mobile view, no need to use a custom CSS code to do that. And by default, the action buttons will display on the top-right of the image, I'm not sure somehow they display on the bottom-right of the image like in your case.
Can you please use an iPhone and recheck this issue? I see that you are using an Android phone.

Add New Note to this Reply
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.