Using Custom Grid causes Safari to choke and create whitescreen

[shaneonabike]

I discovered a strange issue whereby when I use a Custom Grid this causes Safari to hang about 50% way at loading the page. When it completes it's a completely white screen.

My custom grid isn't anything special and can recreated here:

elementor-402-2021-01-06.json.txt

I'm using Elementor and Elementor Pro. I went through and disabled all the plugins, but re-enabled them one by one. My issues appeared when I enabled this one, and can confirm that when I remove the Grid the page loads as expected.

[shaneonabike]

Further debugging shows me that having more than one column in the actual loop is causing this issue. Furthermore, I cannot use an Inner Column either :/.

When I placed all the data in the main column it seems to be working just fine. I don't really understand why it's an issue but something is amuck.

[dudaster]

Safari usually has issues with image hover effects . Multiply that by 100 and it will have issues.

Please try to remove the mouse hover effects and let me know if it solves the issue.

[shaneonabike]

Actually, I don't have any image hover effects either. It's a pretty straightforward output. Here's the output for the sake of review. As I mentioned, when I remove the columns OR actually remove the grid completely it loads properly. I don't know if the DOM is too big for it to handle or what is happening. I find it really odd to be honest, but frustrating because I really really appreciated your grid system and it helped for a specific design I needed.

elementor-370-2021-01-07.json.txt

[dudaster]

Can you send me a screenshot of how it should look like... for me is all messed up.

[shaneonabike]

For sure! You'll notice that I'm using the grid in order to actually add a grid overlay colour, which is the empty html widget. Below that in another section of two elements.

[shaneonabike]

You should be able to replicate the problem by using the basic grid I have and then adding on a loop that contains a column or inner section.

[dudaster]

if you use this loop template without the grid is loads ok on safari?

[shaneonabike]

Yes exactly!~ Which is making question why is the grid messing things up? I couldn't find any issues with Safari reported about DOM related issues... shouldn't this work?

[shaneonabike]

Were you able to reproduce this issue by any chance?

[mikriz]

I am having a very similar issue in Safari, except i am NOT using a custom grid. I simply have a 2 column layout of items, each item is made up of a dynamically added image, header and text. The only other plugins in use in this loop would be DynamicConditions. Have you had any luck solving this problem? the page loads 100% fine in other browsers. If i should open a new issue let me know.

[mikriz]

Any look with this issue???