Benjamin Vray da21189bbb [FIX] website_animate: fix animations on rtl pages ...

Steps to reproduce the issue:

- Open a website page in edit mode.
- Drag and drop several snippets onto the page.
- Add a 'Fade In Right' animation to an element on the page.
- Exit edit mode.
- Change the website language to Arabic to display the scrollbar on the
left.
- Test the animation.
- Bug: the scrolling (using the mouse wheel) becomes stuck or very slow
during the animation.

The issue only occurs with Chrome or Edge browsers and seems to be a
browser display issue. It happens only when animated elements overflow
to the left.

This commit fixes the problem by adding an 'overflow: hidden' to the
main element during RTL page animations. This is not the best solution
because the animated elements become non-visible outside the main
element, creating a difference, for example, with the 'Framed' page
layout.

opw-3260399

closes odoo/design-themes#648

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

2023-04-25 13:03:47 +02:00

..

description

[ADD] theme 14.0

2021-05-10 15:45:35 +02:00

src

[FIX] website_animate: fix animations on rtl pages

2023-04-25 13:03:47 +02:00