WIP: Element outline on hover is offset after scrolling in editor

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.

Hello @atomiccherry,

sadly, I can’t reproduce this. I’ve tried the following, but I couldn’t replicate it:

  1. Added a lot of basic text elements on the page
  2. 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?

Thanks.
Matej

Thank you for testing!

I’ll see if I can reproduce the issue again on a fresh install of WordPress and Bricks.

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:

Hello,

thank you for the video and explanation. I was able to reproduce this issue and I’ve added it to our internal bug tracker.

Best regards,
Matej

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.

Any update on resolving this issue?

Hi @atomiccherry,

no updates yet :frowning:

Matej