Stackable icon indicating copy to clipboard operation
Stackable copied to clipboard

Accordion block issue - If animations is turned off in Windows and reduced motions is turned on in Mac, "Close adjacent on open" feature not working

Open andeng1106 opened this issue 3 years ago • 1 comments

Describe the bug "Close adjacent on open" feature not working if:

  • Windows - Animation effects is turned off
  • Mac - Reduced Motion is turned on

To Reproduce Steps to reproduce the behavior:

  1. Add two Accordion blocks
  2. In Inspector > General, toggle "Close adjacent on open" ON for both blocks you created
  3. Save page and view frontend
  4. See if it works well
  5. For Windows user, proceed to step 7
  6. For Mac user, proceed to step 11

For Windows user: 7. In your settings, turn off Animation effects

  1. Reload the page with two accordion blocks
  2. Try expanding accordions
  3. Check if it doesn't work anymore

For Mac User: 11. In your settings, turn on reduced motions 12. Repeat steps 8-10

Expected behavior "Close adjacent on open" feature should work if animations is turned off in Windows and reduced motions is turned on in Mac

Screenshots

https://user-images.githubusercontent.com/103395655/182787602-f0780b14-3a32-4b66-b781-baf49b871d07.mp4

andeng1106 avatar Aug 04 '22 07:08 andeng1106

@andeng1106 please test these scenarios:

  • Have 2 accordions that open independently from each other
    • should close/open with animation if reduced motion is disabled
    • should close/open without animation if reduced motion is enabled
  • Have 2 accordions that has the close adjacent option
    • should close/open with animation if reduced motion is disabled
    • should close/open without animation if reduced motion is enabled

bfintal avatar Sep 15 '22 06:09 bfintal