Oh no!
You're using an old browser. Although the TripleDots plugin will work in older browsers (although you might need some polyfills), these examples use modern JS your browser probably doesn't understand.

dotdotdot

Javascript plugin for truncating multiple line content on a webpage.
Resize your browser to see the examples below in action.

Documentation: Hello

Truncate multiple line content

Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has been the industry's 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. Lorem Ipsum has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Read more »

Truncate to readable pathnames

  1. file:///users/your-name/desktop/project/website/htdocs/index.html
  2. file:///users/your-name/desktop/project/website/htdocs/css/style.css
  3. file:///users/your-name/desktop/project/website/htdocs/css/layout.css

Toggle full story

不具合の内容
新UIのコンタクトページにおいて、リードのノートの欄において省略表示の動作が不適切である。

入力が1行の場合
"…"と"もっと見る"が表示され、省略された内容があるかの様に表示している。
"もっと見る"を押すと表示上の行数が減る。

入力が2行の場合
二行目の末尾の文字が"…"に置き換わっている。
表示上の行数が減っていない。

入力が3行の場合
三行目の途中の文字から"…"に置き換わっている。
表示上の行数が減っていない。

入力が4行の場合
三行目までが完全に表示され、三行目の末尾が"…"に置き換わらない。

期待する動作
何行を超えたら省略するのかを定義する。
省略する行を超えるまでは省略の表示をしない。（"…"と"もっと見る"を表示しない）
省略する行を超えた場合は、表示する内容の最後の文字を"…"に置き換えて"もっと見る"を表示する。

動画
https://www.loom.com/share/2fabf5a65a784c5d951269d1b31dda2d

Bug Description
In the contact page of the new UI, the abbreviation behavior of the lead's note column is inappropriate.

If the input is a single line
"..." and "More" are displayed as if there is omitted content.
Clicking "More" reduces the number of lines in the display.

When there are two lines of input
The last character of the second line is replaced by "...".
The number of lines in the display is not decreasing.

When there are three lines of input
The character in the middle of the third line has been replaced by "...".
The number of lines in the display is not decreasing.

If there are four lines of input
The third line is completely displayed, and the end of the third line is not replaced by "...".

Expected behavior
Define how many lines are to be omitted.
The omission is not indicated until the number of lines to be omitted is exceeded. (Don't show "..." and "more")
When the number of lines to be omitted is exceeded, replace the last character of the content to be displayed with "..." and display "more".

Video
https://www.loom.com/share/2fabf5a65a784c5d951269d1b31dda2d