Possible bug with hidden block on non chrome browsers

Chris Redgrave

• October 25, 2024 19:51

Using latest versions of Brizy (2.5.9) and Brizy Pro (2.5.5)

website is https://cherishazelcream.com

I created two new blocks for homepage of my site. One that is to display only on Desktop, and one that is only to display on tablet and mobile.The desktop block is a slider with 7 slides. The mobile version has no slider. Both Blocks have two columns.

Tested design with Chrome, everything displayed correctly. Block to be hidden on Desktop was correctly hidden and likewise block to be visible only on mobile was displaying correctly when I used "inspect page" and tested various emulated tablets / phones. 

However, during browser testing, opening my site on Microsoft Edge caused both blocks displayed on desktop. Testing on a Samsung phone also displayed both blocks on mobile. It was ignoring the hidden settings on the blocks. I then tried using both Samsung browser and chrome browser on phone. Both displayed incorrectly. A MAC M1 had the same issue using Safari browser

After experimenting, I found that unless all columns inside the blocks were hidden individually, the other browsers would not hide the content of the hidden block. That became my work-around the problem.

My website is working so no urgency on my part, just reporting the issue so you can look at it.

I suspect there is a bug in the hide block function that is causing it not to work with browsers other than Chrome. You may need to investigate this issue. 

0

• 

  KC George

  • October 28, 2024 12:29

  Hello Chris,

  We are unable to replicate the issue at our end.  When viewing the website https://cherishazelcream.com/ on Microsoft Edge, I see the design at https://jmp.sh/iEYw6r4P On Safari 17.5, we see this design https://jumpshare.com/v/pxAMThIT63WPpqUcbVwU Do we need to follow specific steps to see this issue?

  Can you conduct more test to see if the issue persists or it appeared only once when you originally tested?  

  0
• 

  Chris Redgrave

  • October 28, 2024 19:19

  You would not the see the described error on the production site as I had already employed my workaround. 

  Ultimately what I was seeing during my testing was that the visibility state of columns within a block was taking precedence over the visibility state of the block itself. I would have expected the opposite behavior. The visibility status of the block should always over-ride the status of all elements within the given block. 

  However, this morning I created a test page and was unable to replicate what I experienced previously. On my test page https://cherishazelcream.com/bugdemo/

  • I created 4 blocks, each of which contained two columns. The text inside the columns explains what the desired visibility state is supposed to be.
  • The first two blocks used the visibilty status control at the block level.
  • The second two blocks used the visibility control for the individual columns.

  As you can see, this page is working as one would expect with the visibility control on all browsers I have tried. This is different that the behavior I observed when I first posted. Perhaps some other setting on my home page or editing process was interfering with the visibility settings, I do not know, but I know it was there. 

  I consider the matter closed for now unless a new instance of the problem shows up. 

  0
• 

  Chris Redgrave

  • November 13, 2024 19:46

  As of today with the updates to WP 6.7 and the latest Brizy changes 2.6.0 (pro 2.6.0) the same behavior has resurfaced with the visibility of blocks being over-ridden by visibility of the columns within the block. Have tried flushing all caches but behavior persists. 

  Again this is not a production issue for me as I simply make the columns within my block hidden on desktop view to manage my production page but it seems like a bug in the display logic. Refer to my previous post and  https://cherishazelcream.com/bugdemo/ landing page I created to demonstrate the behavior. Hopefully it is something you can correct sometime in the future.

  0
• 

  Ariel H.

  • November 14, 2024 09:33

  Hi Chris,

  Thank you for reaching out.

  Based on my observation, when visibility is set at the block level, all columns within that block should automatically inherit its visibility settings, meaning the block-level setting should override any individual column settings. I’ve set up a similar page here but wasn’t able to replicate the issue: https://demo.pro-site.cloud/demo01/blocksvisibility/. To help us understand the issue better, could you please create a short screencast showing how you set up the page?

  Best regards,  
  Ariel H.

  0

Please sign in to leave a comment.