eStore – item layout has text spilling outside box in Chrome

[kdumaine]

When opening the product list page directly in Chrome (no problem in IE, or if opened in Chrome incognito), some of the content is not laid out correctly. Some sentences are overlapping and the some of the text extends outside the box. If the page is refreshed or the page is opened from a link within the site, there is no issue.

I have tried other themes, updating theme, removing custom CSS, deactiving and reactivating eStore, deactivating other plugins, and changing fancy1 and fancy1.

I have set up a test page where this can be seen: [http://kimdumaine.com/test/]

I have also tried downloading and installing the extra shortcodes and using another fancy layout, but none of them display properly. They all show a default layout. I tried deactivating, reinstalling, changing to various layout. Inspecting the elements all show the proper classes and CSS, but nothing is displayed.

WordPress 4.2.2 running Twenty Twelve theme

eStore version Version v7.1.9

Extra Shortcodes for WP eStore version 4.9.9

[admin]

I have just checked your page using Google Chrome. I actually don’t see any issue. Is your Google Chrome browser up to date?

[kdumaine]

Yes Chrome is up to date: Version 42.0.2311.152 m running on Windows 7.

It is happening on more than one computer running Chrome.

Do you see the first two items in the fancy10 layout?

They both look like a basic layout with transparent background.

Screen shot of issues: [https://dl.dropboxusercontent.com/u/1356256/IncorrectTextFlow.JPG]

[kdumaine]

I have found that the issues appears regardless of the layout I use (ones with a long description). I can change the layout and the text does not flow properly when the page is open in a new tab in Chrome. Refreshing fixes it. Could this be a caching issue?

[kdumaine]

Update: This issue appears to be related to the shopping cart widget appearing in the side bar. After more testing, I noticed that every page that has the widget (not just the product list) is not rendered correctly if the widget is in the sidebar (the effect is minimal on some pages and difficult to notice). Removing the cart widget from the sidebar allows the page to render properly on the first load.

Perhaps this is theme related. The site uses the Twenty Twelve theme updated to 1.7 with some CSS customizations. Note: deactivating the CSS customizations does not solve the issue.

[admin]

I don’t see that issue you showed in the screenshot. In my browser it renders completely fine (I checked in chrome, firefox and IE).

Looking at your screenshot, I can guarantee that this is not an issue in the eStore plugin. It has to be coming from some other CSS problem on the site.

[kdumaine]

Solution: Replaced the Twenty Twelve theme with another one (Emphasize theme). Still don’t know exactly what caused the issue.

[Author]

Posts