WordPress.org

Make WordPress Core

Opened 6 weeks ago

Last modified 13 days ago

#53478 new defect (bug)

Hovering mouse over a theme shakes the screen

Reported by: wparslan Owned by:
Milestone: 5.9 Priority: normal
Severity: major Version: 5.7.2
Component: Themes Keywords: has-screenshots needs-patch
Focuses: ui, css, administration Cc:

Description

Kindly see the video.
As I navigate to the themes page of WordPress everything is working okay.
As soon as I activate a theme and hover on any theme strange thing happens it jitters the whole page.

I deactivated all the plugins
Downloaded the themes on a fresh install

Attached Video => https://d.pr/v/ABGlLg

Change History (3)

#1 @sabernhardt
6 weeks ago

  • Focuses accessibility removed
  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to 5.9

@wparslan Thanks for the report!

When the width and height are near where the scrollbar begins to show, the browser window can try to re-calculate the dimensions when hovering over items. That shifts the layout to include the scrollbar. I think it's related to the percent margins on the "card" for each theme, too.

Your video shows the problem in Edge, and the same happens in Chrome. One of the random window sizes where I saw this was 1240x760, without the theme activation notice above the theme cards. (I haven't been able to reproduce it in Firefox, though.)

One possible solution is adding the scrollbar to that page for everyone:

.themes-php {
    overflow-y: scroll;
}

While the flashing is particularly bad for some people, I removed the accessibility keyword because it's a more general interface problem.

Last edited 6 weeks ago by sabernhardt (previous) (diff)

#2 @sabernhardt
13 days ago

#53570 was marked as a duplicate.

#3 @sabernhardt
13 days ago

  • Summary changed from WordPress Theme Section to Hovering mouse over a theme shakes the screen
Note: See TracTickets for help on using tickets.