Safari: changing the number of row layout columns doesn’t add or remove columns

[Phvntom Inc.]

Phvntom Inc.

September 25, 2020 at 3:51 pm

Hey all,

This problem has been around for some time so we’re somewhat surprised it hasn’t been mentioned. Maybe it’s only in Safari? Anyway, the DOM doesn’t change when we update an existing row to add or remove columns… it doesn’t seem to matter what content is already there. Sometimes, we can get it to update by moving the row to a different part of the page or nesting it in another row. The updated page doesn’t reflect the added columns, either – so it’s really not changing the html structure. Here’s a picture of the problem:

We use Kadence Blocks on many sites and the problem occurs regardless of themes and plugins. It’s not a huge deal because we can just add a new row and move everything. It’s more of a nuisance than anything.

I believe this issue first appeared with WordPress 5.3 (or whichever version added the block library on the left side).

Technical:
Wordpress 5.5.1
Kadence Pro Theme (or) Genesis (or) Astra
Kadence Blocks Pro
— no additional third-party blocks plugins
— not using re-usable blocks
WooCommerce

Thanks for all the awesome work you do!