question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Accordion sometimes not work well in IOS safari browser

See original GitHub issue

I 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:closed
  • Created 7 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
immimecommented, May 9, 2016

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.

0reactions
lock[bot]commented, Jun 25, 2018

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found