couple things here..  fundamentally nothing changed in latest version…  one thing I want to look into is the multiple images open… I cannot remember if that is a change or not – but it shouldnt matter anyways…

the appearing behind theme navigation will more than likely be a conflict with your wp theme…  would need to see this in action, but we can probably give you some css to handle – but on our end, nothing here changed…

as to the closing, sounds like a js conflict of sorts… I am unable to replicate this as images close just fine – even with multiple open…  so would need to see in action…

Thanks for the quick feedback!

I’ve tested a number of things and not been able to resolve the issue; here’s a few quick details:

– It is not confined to multiple image posts; some single image posts exhibit the problem

– I have changed my theme to twenty-sixteen, and deactivated all plugins except SP – the problem still exists

– I have no caching plugin or host-level caching

– I’ve tried switching to the barebones SP theme and it has no effect

– Several older images work fine, that is, when you click on  them to expand, there is an X on each image that lets you close it.

– It seems like large images that might natively be larger than the display area of the screen trigger the problem.  I’m not sure of this, but it seems it may correlate.

I’m going to try to figure out an JS conflicts but with no other plugins, barebones SP theme, and twenty-sixteen theme I’m not sure if there could be much of a JS conflict that wouldn’t affect a large number of SP users.

Thanks,

Kelly

thanks for the additional info…

you say the problem still exists.. which one?  original post alluded to multiple things… the z-index issue (behind navigation)?  or cant close? or other?

we try to constrain all image sizes to fit within the available real estate.. if that is not happening, still indicates perhaps a conflict – or perhaps in this case, we cannot determine??  but still ideally would see what it actually looks like (ie via link not image)…

Ok, let me summarize the problem, updating it with new analysis:

Any image in a forum post, if large enough, will become unclosable once zoomed to a larger size.  It doesn’t matter whether there is one or multiple images in the post. The problem is that the X in the upper right corner can’t be accessed.

When the problem occurs, if you scroll your entire screen back up to the top, you’ll see that the image interacts strangely with the WP menus.

The problem occurs even if I switch to the SP barebones theme, and I can deactivate ALL other WP plugins, and switch to the twenty-sixteen theme and the problem still occurs.

I’ve got a separate test site running all of the exact plugins, code etc – I can duplicate the problem on the test site.

I am sending you login credentials and a link to a forum test post where I have uploaded dummy images of varying sizes.  Click on the smaller images, and there is no problem. Click on the larber images (1024w and larger) and the problem is obvious.

Thanks for your help on this!

Kelly

thanks for the details…  its still something on your site, I believe, and not new…  but we can help work through it… likely a z-index issue with the layering…

remember, you can always close one of those popups with the escape button too…

and its likely a js thing too with the image size because we scale them to fit in the available display area…  I have not been able to get one larger to pop up…

but we can take a look…

It’s possible it’s not new, and we have not uploaded larger images that revealed the issue; I’m just not sure.

I’m not sure I understand how it could be a JS conflict if I am using twenty-sixteen, and disable all plugins except Simplepress.  So with no 3rd party theme in use, no plugins other than SP, and even trying the SP Barebones theme instead of Reboot, the problem still occurs,

Incidentally, I started with the setting to make uploaded images thumbnails.  After user feedback I’ve decided I don’t want thumbnails; instead I want images to fill the width of the forum posting, or if smaller than the width that would be in the size uploaded.  I’m going to play with the image settings in SP to see if I can get it to do that; it might happen to be a bit of a workaround since users won’t need to click on images if they are initially displayed larger.

Thanks for all your help with this!

Kelly

I see from the above that you have sent login credentials (and I assume a URL to a specimen post) to @mr-papa so i am sure he will take a look shortly.

I am not really familiar with the WP default ‘sixteen’ theme. sixteen – like all WP default themes never define a wide enough column to really make a forum work. Their idea of full page never is! The same is happening with next years model that I tested just yesterday. Sad really.

However, I am unsure about sixteen but they have, in the past, made use of some jQuery UI code which if anything can cause a conflict. And as Mr Papa has said, if the popup is just hiding behind the banner or menu then it is just going to be a simple CSS z-index issue.

Yes – I sent a PM with credentials and a link to a specific post where I uploaded dummy images of various sizes.

I will test with a variety of other simple themes, trying to ensure a wide enough page for the forum. Do you have any suggested or “reference” themes that you know play nice with SP and have no known issues with SP or JS?  It might be helpful if I test with them. Also I can buy any premium theme if necessary that you think would help in the testing process.

Thanks,

Kelly

shouldnt be an issue with 2016, we have tested with it before…  in future, best to always email both  myself and yellow swordfish since we are many hours apart and can usually handle things across the day…

what are you file uploads settings on forum – options – content settings? do you have the option to constrain popup turned on?

will look at the z-index issue now…

so yeah, the wp theme is setting a z-index of 50 which is higher than our dialog, so it appears underneath…

on forum – themes – custom css, please try adding:

.ui-dialog {z-index: 100 !important;}

and see if that helps…

can you point me to a topic that opens too big??  I havent found any yet that dont fit…  what resolution do you run at?

PS – since this post jumped to new page, please be sure to read the questions on previous post as well…

ok, trying the CSS now.

The link in the PM is to a specific post. When you open the post there are several dummy image thumbnails inside it.  Click on each of them; you will see the smaller ones work fine – there is an X that lets you close them.  The larger ones such as the 1024 wide one pop up but the user sees no way to get rid of the image.

I do see that you can hit escape, but my users aren’t very technical and that is not a common thing they are used to doing on websites.  To them, it is a bug or glitch.

I’m not familiar with this z-index stuff, but curious why we see the problem even when different themes are in use.  I am testing other themes just to see the difference, even though I don’t have alot of flexibility to change themes at this point in our launch.  I can make some changes if needed, once I understand what they are.

Let me add the CSS, and see how this does.

I’ll review the previous posts but not aware of any questions I missed answering.

Thanks again for your help, esp. given this is a weekend. I’m at a convention showing the site to a few associates and appreciate the efforts being made to troubleshoot.

Kelly

The CSS does have an effect; the menu bar no longer shows over the expanded image when you scroll. However, the X still seems hidden behind the edges of the site for any image 1024 wide or greater.  You can scroll the image, but you can never scroll enough to reveal the X.

Here is the link to a specific message with this problem; you will need to log in with the credentials I PM’ed to you.

http://restorativenation.net/forum/introductions/image-test-1/

Kelly

all those images open smaller than viewable for me… take up less viewing area than the site…  even the 3000px image… and the X all work…  and my screen resolution is much less than 3000…

did you check that one option I mentioned??

ok, there was a difference in what you see when you log in due to the fact the the membership level I gave you doesn’t display the wordpress admin bar across the top.

The expanded images border where the X is located is falling behind that border.  I added the additional roles that would cause you to get this border if you were to log back in.

When you visited the site, since the admin bar was missing, the X can be seen even in the larger images.  I forgot that the role I gave you didn’t represent exactly what normal users will see.

I’m going to review the prior messages and see what Qs/options I missed and will attempt those as soon as possible.

Thanks,

Kelly