search

xiaody / react-lines-ellipsis

Simple multiline ellipsis component for React.JS
https://xiaody.github.io/react-lines-ellipsis/
MIT License
616 stars 78 forks source link

HTML ellipsis is not working properly in Brave browser #102

Open raghav-zwt opened 2 years ago

raghav-zwt commented 2 years ago

HTML ellipsis is not working properly in Brave browser

<HTMLEllipsis
      unsafeHTML='Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.'
      maxLine='5'
      ellipsisHTML={`... <div><span class="read-more-link">Learn More</span></div>`}
      basedOn="letters"
    />

Screenshot_4

JamesWatling commented 2 years ago

We are also having this issue on chrome

KevinCepria commented 2 years ago

@xiaody Just to also add . I've also encountered this. But the weird things is that it works on some devices and does not work on some. In my case this bug happens to me on my Ubuntu 20.04 latest google chrome version but on my macOS (Monterey 12.13.1) Latest google chrome and Safari version it works fine. I've also checked on my Mobile phone (Samsung A53 - Chrome) and this bug also occurs. Maybe there are external factors affecting this? (ex. Agent, OS, and etc)?

megatron-hoa-tran commented 1 year ago

pls change the code like this

 ellipsisHTML={`...<span class="read-more-link">Learn More</span>`}

@raghav-zwt