Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://mastodon.social/users/dansup/statuses/115395611105724642">dansup (dansup@mastodon.social)'s status on Saturday, 18-Oct-2025 23:21:54 JST</a><a href="https://mastodon.social/@dansup" title="dansup@mastodon.social"><img src="https://gnusocial.jp/avatar/125-48-20250628081039.webp" width="48" height="48" alt="dansup" style="position: absolute; left: 0; top: 0;">dansup</a></section><article><p>contenteditable="true"</p><p>I wanted to replicate the interactive mention/hashtags across our "&lt;textarea&gt;"s in Loops, like Facebook and Twitter does.</p><p>It wasn't easy though, but the user experience is much better IMO.</p><p>It's attention to the smallest details that really matters.</p><p>All those delays and missed deadlines did in fact pay off 🚀</p><p><a href="https://mastodon.social/tags/loops" rel="tag">#loops</a> <a href="https://mastodon.social/tags/loopsDev" rel="tag">#loopsDev</a> <a href="https://mastodon.social/tags/smallestDetails" rel="tag">#smallestDetails</a></p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/5775736#notice-11334292">In conversation</a><time datetime="2025-10-18T23:21:54+09:00" title="Saturday, 18-Oct-2025 23:21:54 JST">about 2 months ago</time> <span>from <span><a href="https://mastodon.social/@dansup/115395611105724642" rel="external" title="Sent from mastodon.social via ActivityPub">mastodon.social</a></span></span><a href="https://mastodon.social/@dansup/115395611105724642">permalink</a><h4>Attachments</h4><ol><li><label><a rel="external" href="https://gnusocial.jp/attachment/1631986">Untitled attachment</a></label><br></li><li><article><header><div>No result found on File_thumbnail lookup.</div><h5><a href="https://www.imo.it/">Home - IMO</a></h5><div> from <span>webelett</span></div></header><div>IMO: ATELIER DI ALTA GIOIELLERIA DIAMO FORMAALLE TUE IDEE La nostra divisione creativa ha lo scopo di trasformare la vostra idea, che può esserci sottoposta con dei semplici disegni, in un progetto finito valutabile dal cliente in ogni suo aspetto e pronto per la realizzazione. Scopri di più REALIZZIAMOTUTTO AL NOSTROINTERNO Dalla progettazione al prodotto…</div><footer></footer></article></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/5353291">Loops comment section showing a comment reply mock &lt;textarea&gt; with mentions and hashtags rendered as links</a></label><br><a href="https://files.mastodon.social/media_attachments/files/115/395/579/246/124/246/original/e943692286b2b095.png" rel="external">https://files.mastodon.social/media_attachments/files/115/395/579/246/124/246/original/e943692286b2b095.png</a></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
dansup (dansup@mastodon.social)'s status on Saturday, 18-Oct-2025 23:21:54 JST dansup
contenteditable="true"
I wanted to replicate the interactive mention/hashtags across our "<textarea>"s in Loops, like Facebook and Twitter does.
It wasn't easy though, but the user experience is much better IMO.
It's attention to the smallest details that really matters.
All those delays and missed deadlines did in fact pay off 🚀
#loops #loopsDev #smallestDetails
In conversationabout 2 months ago from mastodon.socialpermalink
Attachments
1. Untitled attachment
2. No result found on File_thumbnail lookup.
  Home - IMO
  from webelett
  IMO: ATELIER DI ALTA GIOIELLERIA DIAMO FORMAALLE TUE IDEE La nostra divisione creativa ha lo scopo di trasformare la vostra idea, che può esserci sottoposta con dei semplici disegni, in un progetto finito valutabile dal cliente in ogni suo aspetto e pronto per la realizzazione. Scopri di più REALIZZIAMOTUTTO AL NOSTROINTERNO Dalla progettazione al prodotto…
3. Loops comment section showing a comment reply mock <textarea> with mentions and hashtags rendered as links
  https://files.mastodon.social/media_attachments/files/115/395/579/246/124/246/original/e943692286b2b095.png

Public

Embed Notice

HTML Code

Corresponding Notice