# AutoScroll - Markdown Component

**URL:** <https://forum.inductiveautomation.com/t/autoscroll-markdown-component/67941>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [December 22, 2022, 6:30pm UTC](https://forum.inductiveautomation.com/t/autoscroll-markdown-component/67941 "2022-12-22T18:30:18Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![mdia](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdia/32/87599_2.png) [@mdia](https://forum.inductiveautomation.com/u/mdia)\
**Post date:** [December 22, 2022, 6:30pm UTC](https://forum.inductiveautomation.com/t/autoscroll-markdown-component/67941/1 "2022-12-22T18:30:18Z")

</div>

Is there a way to have the Markdown component AutoScroll when the text starts overflowing vertically?

![Markdown Scroll](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/0/00d98eaf94893a52fb7b42686a0d1cfb91e7cf2f.gif)

---

<div class="post-metadata">

**Author:** ![mdia](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdia/32/87599_2.png) [@mdia](https://forum.inductiveautomation.com/u/mdia)\
**Post date:** [January 5, 2023, 8:07pm UTC](https://forum.inductiveautomation.com/t/autoscroll-markdown-component/67941/2 "2023-01-05T20:07:48Z")

</div>

I know this post is a bit old, but I was wondering if anyone has any information on this topic that they could share?

---

<div class="post-metadata">

**Author:** ![user77](https://avatars.discourse-cdn.com/v4/letter/u/a183cd/32.png) [@user77](https://forum.inductiveautomation.com/u/user77)\
**Post date:** [January 5, 2023, 10:57pm UTC](https://forum.inductiveautomation.com/t/autoscroll-markdown-component/67941/3 "2023-01-05T22:57:14Z")

</div>

I believe you could use the style property overflowY set to auto.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/d/3dc0796011b6df6a59fb8e667ca089ab9a44e4c9.png)

My apologies, I believe I may have misinterpreted your request. I'm not sure if you are asking to automatically bring up the scroll bar or to automatically scroll to the bottom?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [January 6, 2023, 7:59am UTC](https://forum.inductiveautomation.com/t/autoscroll-markdown-component/67941/4 "2023-01-06T07:59:44Z")

</div>

You could hack up something with js injection i guess. Here i got you something, not clean but yh...

Dont let any user input into this, as it is not secure

[scrollingmarkdown.zip](https://forum.inductiveautomation.com/uploads/short-url/inETdsfhodCarOWQ6wTtqZilQHV.zip) (6.0 KB)

---

<div class="post-metadata">

**Author:** ![Zachary\_Zlotnick](https://avatars.discourse-cdn.com/v4/letter/z/a183cd/32.png) [@Zachary\_Zlotnick](https://forum.inductiveautomation.com/u/Zachary_Zlotnick)\
**Post date:** [March 27, 2025, 10:11pm UTC](https://forum.inductiveautomation.com/t/autoscroll-markdown-component/67941/5 "2025-03-27T22:11:00Z")

</div>

![Screenshot 2025-03-27 134348](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/7/87c5e3f0863174735345e5b995eb0263ece7fe63.png)  
I'm developing a custom messaging application in Perspective that looks like this. I insert messages into a DB table with just a few columns, and query the results from a Named Query, then transform them to be markdown-friendly.

I made an attempt but was unable to get the JS injection solution working without having extremely large bubbles (not shown but they take up the whole window). As soon as I change anything related to the height component within the imported style class, the auto scrolling doesn't seem to work.

Is there a more robust solution out there for auto-scrolling in the markdown component?