Accordion block issue - Accordion won't open sometimes for iOS devices

[andeng1106]

Describe the bug The problem with your Accordion block isn't fixed yet. We received from time to time various reports but we didn't take them into account. However, a very good iPhone programmer found the problem and the solution. The problem lies in CSS settings which in some conditions triggers opacity 0 and max-height 0 - that is the container with the response is invisible.

Possible Fix

1. Adding the following additional CSS will fix the problem:

   .stk-block-accordion__content {
   opacity: 1 !important;
   max-height: 100% !important;
   margin-bottom: 50px;
   }

2. Disable animations for accordion block on iOS

[butterp1]

Having same issue on Safari 13 on Mac/ipad (js error), reported to stackable on March 1. Accordions OK: iPad8,1 iOS 14.4.1 Accordions not OK: iPad8,1 iOS 13.7 (September 1, 2020) Accordions not OK: Safari 13,x on Mac: frontend_block_accordion.js:1 SyntaxError: Unexpected token '='. Expected an opening '(' before a method's parameter list.

Also getting reports that accordion not opening on some browsers on Windows 10, and on all browsers pre-Windows 10.

Will try your fix @andeng1106 - thanks. Hopefully it will help with some of these. We've had to add warnings above the browser with links to PDFs containing the accordion content... not ideal.

If no resolution soon we'll replace the blocks with something else.