fix chrome compatibility issue for description text reveal, #327

This commit is contained in:
simon 2022-10-22 22:32:57 +07:00
parent 0bba36cbc3
commit 40eff8e30e
No known key found for this signature in database
GPG Key ID: 2C15AA5E89985DD4

View File

@ -1102,12 +1102,12 @@ function textReveal() {
function textExpand() {
var textBox = document.getElementById("text-expand");
var button = document.getElementById("text-expand-button");
var textBoxLineClamp = textBox.style["-webkit-line-clamp"];
if (textBoxLineClamp === "none") {
var style = window.getComputedStyle(textBox)
if (style.webkitLineClamp === "none") {
textBox.style["-webkit-line-clamp"] = "4";
button.innerText = "Show more";
} else {
textBox.style["-webkit-line-clamp"] = "none";
textBox.style["-webkit-line-clamp"] = "unset";
button.innerText = "Show less";
}
}
@ -1119,8 +1119,9 @@ function textExpandButtonVisibilityUpdate() {
if (!textBox || !button)
return;
var textBoxLineClamp = textBox.style["-webkit-line-clamp"];
if (textBoxLineClamp === "none")
var styles = window.getComputedStyle(textBox);
var textBoxLineClamp = styles.webkitLineClamp;
if (textBoxLineClamp === "unset")
return; // text box is in revealed state
if (textBox.offsetHeight < textBox.scrollHeight