Rendering issue with Microsoft Edge

Permalink Browser Info Environment
Microsoft Edge has a rendering problem when the parallax image feature is enabled. This can be seen using your own demo site:
http://longstoryshort.15robots.com...

The rendering issue occurs when scrolling - a black area appears under content that was not over a background image. Resizing the Edge window or even switching to a different tab and coming back corrects the rendering.

I test this issue on several Windows 10 PCs with the same results, so I am certain it is not a local configuration issue.

1 Attachment

Type: Pre-Sale
Status: In Progress
View Replies:
jordif replied on at Permalink Reply
jordif
Hi!

I have tested this on a HP laptop running Windows 10 and I can't reproduce the issue. I'll test it again today with a different computer.

In the meantime it would help if you could answer the following questions:

-> What version of Edge are you using?
-> If you change form CSS-enabled to JS-enabled parallax, does this fix the issue?

Also here are some tips on fixing this kind of issues in case you want to give it a try:

https://www.thewindowsclub.com/fix-microsoft-edge-graphics-glitch-on...
johntolle replied on at Permalink Reply
I thought that the browser version was captured automatically by the Concrete support system. Anyhow, it's version 42.17134.1.0.

I tried again with yet another Windows 10 PC with the exact same results (using the longstoryshort.15robots.com example site).

Switching from CSS to JS-based parallax did not change the situation. The rendering issues remained. I even switched to none before switching to JS and it looked fine when using no parallax.

I also tried Repairing and then Resetting Edge with no change in the rendering issue.
jordif replied on at Permalink Reply
jordif
Hi,

you're right, I've tested again in a different computer and I'm seeing the same issue. It seems to affect the solid colour backgrounds (not the background images).

However, switching to JS-enabled parallax does fix the issue for me. Can you confirm if you still see the issue if you access this page:

http://longstoryshort.15robots.com/demo-page...

(it's a copy of the demo page but with the option "Enabled via JS" selected)

I'll try to find a solution for the CSS-enabled parallax (or at least disable it for Edge), but in the meantime I would suggest switching to JS.

Cheers,
johntolle replied on at Permalink Reply
Yep, your demo version (running with JS parallax) works just fine on Edge. It's strange because I changed the site I was working on to JS parallax and it made no difference, but perhaps Edge was force-caching or something silly. I just tested it again (my site with JS) and it is rendering properly now.
SiteQwester replied on at Permalink Reply
BUMP- I would like to see the CSS version fixed out of preference, but also, the JS version doesn't center the background image vertically so the bottom portion of the image gets hidden by the slide. The css version seems to crop the image to the center so the image shows better. There's my 2 cents. Thanks for a beautiful theme!

concrete5 Environment Information

# concrete5 Version
Core Version - 8.4.2
Version Installed - 8.4.2
Database Version - 20180716000000

# concrete5 Packages
Long Story Short (1.2)

# concrete5 Overrides
None

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.5.13

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, iconv, imap, intl, json, libxml, mbstring, mcrypt, mhash, mysql, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, pspell, Reflection, session, SimpleXML, soap, sockets, SPL, sqlite3, standard, tidy, tokenizer, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, zip, zlib

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 1000
memory_limit - 128M
post_max_size - 8M
sql.safe_mode - Off
upload_max_filesize - 2M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/17.17134

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.