1998156 - www.lovisa.com.au - UI glitches appear when scrolling on the page

Status: NEW

(Web Compatibility :: Site Reports, defect, P1)

Description

[Bernadett Farkas]

Environment:
Operating system: Windows 10
Firefox version: Firefox 144.0

Steps to reproduce:

1. Access: https://www.lovisa.com.au/collections/hair-accessories
2. Scroll on the page and observe

Expected Behavior:
Products are displayed correctly when scrolling on the page

Actual Behavior:
UI glitches appear when scrolling on the page

Notes:

• Reproduces regardless of the status of ETP
• Reproduces in firefox-nightly, and firefox-release
• Does not reproduce in chrome

Created from https://github.com/webcompat/web-bugs/issues/186542

Comment 1

[Bernadett Farkas]

Attachment: UI glitch

Comment 2

[Bernadett Farkas]

Attachment: lovisa Chrome.mp4

Comment 3

[BugBot [:suhaib / :marco/ :calixte]]

Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.

Comment 4

[Alice0775 White]

Adding the following CSS seems to resolve the jumping back issue to the first product images row when mouse hover over the product images.

.collection-sorting{
  position: static !important;
}

.small-down--one-whole {
  position: relative !important;
}

.collection__filter-actions {
  position: static !important;
}

or

.collection-sorting[style*="top"] {
  position: fixed !important;
  right: 0 !important;
}

Comment 5

[Daniel Holbert [:dholbert]]

This is likely a duplicate of bug 1985980, but I suppose we can keep this separate report open, given they're technically different sites (.co.uk vs. .com.au)