Warning message becomes over sized
-
Hi Josie,
I was testing webform and tried to trigger the error/warning message by adding an image over the required dimensions. I got the warning message triggered, but the message box was a long box height-wise. The text column was just 2 characters wide and squeezed to the right margin. The rest of the box was empty.
This did not happen before. Please advise, thanks.
-
This has been know to happen before, and seems to be due to a conflict with a theme or another plugin. Did you change your theme or add or update a plugin recently?
The recommended way to check for such conflicts is to disable all plugins except entrywizard. If that fixes the problem, enable the plugins one-by-one until you find out which one is causing the issue. If it is not a plugin, try switching themes temporarily.
If you find such a theme or plugin, please let me know and I will do my best to avoid the conflict.
I have not changed theme, but did updates with some plugins. I’ll try to find out where the conflict comes from and will let you know.
I deactivated all plugins except EntryWizard. Reactivated one plugin at a time, clear my browser cache by pressing ctrl+shift+delete then submitted an out of range image to trigger a warning message. I got to one that showed the message being oversize. I thought that would be my culprit. But when I tried to repeat the process to see if I could reproduce it by deactivating it again. The oversize warning message still display. Now I don’t really know where the culprit is. Is there something I did wrong in this process? Please advise.
The process sounds correct. It’s possible that more than one plugin or theme triggers the problem.
I had thought I fixed it a year or two ago, but it sounds as if something has changed.If a plugin that seems to cause the problem is free, could you let me know it’s name so I can try to track down what is happening?
Ok, I am confident that I identified the culprit. Unfortunately it is a pay addon to a plugin. Can you help? If you don’t want to tweak your core codes, may be suggest some css code snippet for me to put my child theme, so to just tackle my particular problem. Or whatever you suggest.
Hi Josie,
After I discovered the pay plugin addon, I continued to reactivate the rest of my plugins while leaving the addon deactivated. I now come across WP Mail SMTP plugin that also causes the problem. But when I deactivate WP Mail SMTP again, the oversize box issue persisted. It does not go away. This is even worse. I use the free version of this plugin. Please help.I’m very busy this week, and a quick test of that plugin showed no effect.
You sound as if you know something about css, so:
The problem before was that a lot of people have started using
box-sizing: border-box;
and all my code is using the older
box-sizing: content-box;
That should not matter except that a few plugins set it at a high level instead of just in plugin-specific areas.
The problem appeared to be fixed a couple of years ago by adding.ewz-dialog::before, .ewz-dialog, .ewz-dialog::after, .ewz-dialog *{
box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
}to the entrywizard.css file.
You may want to make sure your version of styles/entrywizard.css contains this, and is being loaded. Right-click and inspect on the problem box and looking for box-sizing should show if this is being overridden in some other file.
When you said “testing that plugin has no effect”, you meant wp-mail-smtp did not cause the message box problem, right? The more I test with deactivating/activating different plugins to rule things out, the more I found inconsistency with the results. Not sure why is that. All my caching including on the server side are all disabled.
My knowledge on css is very basic, still learning. But copy and paste codes, I can do.
Here is the html from the oversize message box I copied from Firefox. Hope this can help.
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix ui-draggable-handle"><span id="ui-id-4" class="ui-dialog-title">** Notice **</span><button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" title=""><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text"></span></button></div><div class="alertDivU007 ui-dialog-content ui-widget-content" id="ui-id-3" style="display: block; width: auto; min-height: 0px; max-height: none; height: auto;">[U007] ** AADesert 1401.jpg:<br><br>Size: 1.2 MB<br>Type: image/jpeg<br>Colour Space: sRGB<br>Width: 1401<br>Height: 934<br><br>Sorry, this image will not be accepted.<br>It does not fit within the required bounds of: <br> Width: <= 1400 pixels,<br> Height: <= 1050 pixels</div><div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"><div class="ui-dialog-buttonset"><button type="button" id="ewz_alert2" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"><span class="ui-button-text">Ok</span></button></div></div><div class="ui-resizable-handle ui-resizable-n" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 90;"></div>
Hi Josie,
I finally pinned down the cause of the anomaly. It is not any plugin conflict. It is the version of jQuery that is used. I now change from the legacy version to the default WP version and the issue is resolved.
Thanks for taking the time to tackle this. It is much appreciated. Thank you.Thanks for letting me know. WordPress did change its version of jquery recently, but this is the first I’ve heard of an effect like this. Could you tell me how the older version of jquery was getting used? Was it your theme, or a plugin?
Well, during the course of last year when WP went to version 5 or something, the jQuery was updated as well. That change broke many plugins. There is a plugin called jQuery Migrate Helper which help with the transition so plugins still functions. You must heard about this. I used this Helper. In order to maintain other functionality, I set the jQuery to the Legacy 1.12.4-wp. I guess as plugins got updated together with WP updates, the legacy version becomes a problem. Now I switch to the current WP default version 3.5 and my issue is resolved.
- The topic ‘Warning message becomes over sized’ is closed to new replies.