Fixed Read More Button Display Logic to Avoid Unnecessary Display (#9959)

Author: CodeMaverick2

openlibrary/plugins/openlibrary/js/readmore.js

@@ -53,9 +53,15 @@ export class ReadMoreComponent {
 
     reset() {
         this.fullHeight = this.$content.scrollHeight;
+        if (this.$readMoreButton && this.$readMoreButton.offsetHeight) {
+            this.readMoreHeight = this.$readMoreButton.offsetHeight;
+        }
+        const collapsedHeight = this.collapsedHeight;
+        const readMoreButtonHeight = this.readMoreHeight || 0;
+
         // Fudge factor to account for non-significant read/more
         // (e.g missing a bit of padding)
-        if (this.$content.scrollHeight <= (this.collapsedHeight + 1)) {
+        if (this.fullHeight <= (collapsedHeight + readMoreButtonHeight + 1)) {
             this.expand();
             this.$container.classList.add('read-more--unnecessary');
         } else {