Browser: Chrome 110 OS: macOS / Windows / Linux / etc. URL: Link to a page that illustrates this issue Video: Short screen recording that illustrates this issue (free tool: jam.dev)
The blue element outlines that border an element when hovering are vertically offset and do not correctly enclose the element. This occurs only after scrolling. Once an element is selected/active the blue outline borders the element correctly. The more the page is scrolled the larger the offset becomes compared to its corresponding element. If the page is not scrolled the blue outline encloses correct block when the block has focus.
This issue doesn’t occur when creating a page/post unless a template is assigned.
I’ve tested on a new install with no plugins active, both NGINX and Apache, PHP 8.3.xx.
sadly, I can’t reproduce this. I’ve tried the following, but I couldn’t replicate it:
Added a lot of basic text elements on the page
Added a lot of basic text elements on a template, and connected it to a page
In both cases I scrolled, but the blue box is always positioned well. Now, I would like first to try with your exact content. Can you copy-paste the content here, so I can add it to the page?
Additionally, what kind of template you have assigned? Can you show this, maybe record a video?
Hi, I was able to reproduce the issue on a fresh WordPress install with only Bricks theme active and no plugins. All out-of-the-box default settings for both WordPress and Bricks running on PHP 8.3 and NGINX local test environment. Tested in multiple browsers.
If I do not use a Page Template (Single) there is no issue. When I create a Single Template and assign it to Page post type then the problem appears.
This issue appeared after the most recent Bricks updates.
Both template and test page are very basic with minimal styling. I’ve included a video:
I was really hoping this bug would get squashed with the 2.0 release but it persists. I figured that I would attempt using a full page template again since it’s rather important for my workflow and the workaround is cludgy to say the least.