Accordion sometimes not work well in IOS safari browser
See original GitHub issueI find that Accordion sometimes not work well in IOS safari browser. When expand accordion-item-content element, the inner content sometimes can not be display entirely.
It seems to be caused by the code content.css('height', content[0].scrollHeight + 'px')
in line 6689 and 6711 in framework7.js (PS:version Framework7 1.4.2)
I tried to replace the code with
content.css('height', document.body.scrollHeight + 'px')
,
it work well now, hope this issues can help others who face the same problem.
Issue Analytics
- State:
- Created 7 years ago
- Comments:6 (1 by maintainers)
Top Results From Across the Web
Topic: Accordion not working with Safari? | Themeco Community
The accordion does not work on Mac using Safari. I can see a JS error on Safari Console (See – http://prntscr.com/alo4nr) that might...
Read more >max-height not working properly in Safari - Stack Overflow
While the accordion is working on Safari (both mobile and desktop) there was an error where the content was revealed even before I...
Read more >Accordion, correct widget in Safari, but disappears in iOS - eehelp.com
I use an Accordion widget, titled '' portfolio '' on my subpages, to reveal a panel stained when you click it, which contains...
Read more >Migrating to v5 - Bootstrap
Track and review changes to the Bootstrap source files, documentation, and components to help you migrate from v4 to v5. On this page....
Read more >120KB of javascript and still the accordion doesn't open on OSX Safari.
I recently found out that the sidebar menus on pages within https://developers.google.com/web don't work with JS off (usually a trivial thing: show ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This proplem occured when i use place two
'.accordion-item-content'
elements under one.accordion-list
, but the offical useage is one'.accordion-item-content'
element under one.accordion-list
.I tried to replace the code content.css(‘height’, content[0].scrollHeight + ‘px’) in line 6689 with content.css(‘height’, content.scrollHeight + ‘px’), it works well for two senses above.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.