Description:
When there are many thumbnails and navigation arrows (prev/next) appear in the thumbnail slider, the arrows have incorrect direction and behavior in RTL mode.
We also tried forcing direction via CSS:
[data-test="gallery-thumbnail-wrap"] {
direction: ltr; // or rtl
}
but this does not fix the issue.
Steps to Reproduce:
- Open a product page with many gallery thumbnails
- Observe the thumbnail slider navigation arrows
- Click the arrows and check the movement direction
Product link:
https://bigelectric.co.il/97557
Expected Behavior (RTL):
The Next button should be on the left side, and clicking it should move the carousel from left to right
The Prev button should be on the right side, and clicking it should move the carousel from right to left
Acceptance Criteria:
- Thumbnail slider arrows behave correctly in RTL mode
- Arrow positions and movement directions match RTL expectations
- Behavior is consistent across browsers and devices
Description:
When there are many thumbnails and navigation arrows (prev/next) appear in the thumbnail slider, the arrows have incorrect direction and behavior in RTL mode.
We also tried forcing direction via CSS:
but this does not fix the issue.
Steps to Reproduce:
Product link:
https://bigelectric.co.il/97557
Expected Behavior (RTL):
The Next button should be on the left side, and clicking it should move the carousel from left to right
The Prev button should be on the right side, and clicking it should move the carousel from right to left
Acceptance Criteria: