hotfix for readmore.js

2 files changed, 22 insertions, 4 deletions

diff --git a/library/readmore.js/hubzilla-custom-fix-webkit-browsers.patch b/library/readmore.js/hubzilla-custom-fix-webkit-browsers.patch
index fd3146152..e947d8854 100644
--- a/library/readmore.js/hubzilla-custom-fix-webkit-browsers.patch
+++ b/library/readmore.js/hubzilla-custom-fix-webkit-browsers.patch
@@ -2,12 +2,30 @@ diff --git a/library/readmore.js/readmore.js b/library/readmore.js/readmore.js
 index 34a624e..51222ce 100644
 --- a/library/readmore.js/readmore.js
 +++ b/library/readmore.js/readmore.js
+@@ -79,7 +79,7 @@
+           maxHeight: 'none',
+           overflow: 'hidden'
+         }).insertAfter(element),
+-        expandedHeight = el.outerHeight(),
++        expandedHeight = 100 + '%',
+         cssMaxHeight = parseInt(el.css({maxHeight: ''}).css('max-height').replace(/[^-\d\.]/g, ''), 10),
+         defaultHeight = element.data('defaultHeight');
+ 
+@@ -102,7 +102,7 @@
+   var resizeBoxes = debounce(function() {
+     $('[data-readmore]').each(function() {
+       var current = $(this),
+-          isExpanded = (current.attr('aria-expanded') === 'true');
++          isExpanded = (current.height() > current.data('collapsedHeight'));
+ 
+       setBoxHeights(current);
+ 
 @@ -246,7 +246,7 @@
            collapsedHeight = $element.data('collapsedHeight');
  
        if ($element.height() <= collapsedHeight) {
 -        newHeight = $element.data('expandedHeight') + 'px';
-+        newHeight = 100 + '%';
++        newHeight = $element.data('expandedHeight');
          newLink = 'lessLink';
          expanded = true;
        }
diff --git a/library/readmore.js/readmore.js b/library/readmore.js/readmore.js
index 51222ced0..4c4252e54 100644
--- a/library/readmore.js/readmore.js
+++ b/library/readmore.js/readmore.js
@@ -79,7 +79,7 @@
           maxHeight: 'none',
           overflow: 'hidden'
         }).insertAfter(element),
-        expandedHeight = el.outerHeight(),
+        expandedHeight = 100 + '%',
         cssMaxHeight = parseInt(el.css({maxHeight: ''}).css('max-height').replace(/[^-\d\.]/g, ''), 10),
         defaultHeight = element.data('defaultHeight');
 
@@ -102,7 +102,7 @@
   var resizeBoxes = debounce(function() {
     $('[data-readmore]').each(function() {
       var current = $(this),
-          isExpanded = (current.attr('aria-expanded') === 'true');
+          isExpanded = (current.height() > current.data('collapsedHeight'));
 
       setBoxHeights(current);
 
@@ -246,7 +246,7 @@
           collapsedHeight = $element.data('collapsedHeight');
 
       if ($element.height() <= collapsedHeight) {
-        newHeight = 100 + '%';
+        newHeight = $element.data('expandedHeight');
         newLink = 'lessLink';
         expanded = true;
       }