Streaming rows of markdown into a ChatFeed, Feed, or Column breaks the styling of subsequent appended rows and leads to overlap of text about panel

[philippjfr]

Seems to be because something is setting max_height: 100%. Looking into it.

[ahuang11]

I may have overridden that value in ChatMessage CSS, so it's possible that you can also workaround it with stylesheets

Maybe max-height: none

[philippjfr]

The immediate cause is this bit of code in Bokeh

https://github.com/bokeh/bokeh/blob/04bde465230d8a27256fe80a19ca108a849efdf7/bokehjs/src/lib/models/layouts/layout_dom.ts#L333

which does not seem quite correct to me.

[DmitriyLeybel]

I may have overridden that value in ChatMessage CSS, so it's possible that you can also workaround it with stylesheets

Maybe max-height: none

Appreciate the heads up, Andrew.

How are you handling the auto-scroll aspect?

This does partly seem to work as expected:

import panel as pn
import time

chat_column = pn.Column(height=200, width=400, scroll=True)
chat_input = pn.widgets.TextInput(placeholder='Type your message here...')
send_button = pn.widgets.Button(name='Send', button_type='primary')

def send_message(event):
    message = chat_input.value
    if message:
        message_pane = pn.pane.Markdown(
            '',
            stylesheets=["""
                :host {
                    max-height: none;
                }
                """])
        chat_column.append(message_pane)
        for word in message.split():
            message_pane.object += word + " "
            time.sleep(0.01)  
        chat_input.value = ''  

send_button.on_click(send_message)
pn.Column(chat_column, pn.Row(chat_input, send_button)).servable()

no_overlap_max_height_none.mp4

[ahuang11]

It's done in the typescript side. Perhaps instead of watching for children, it should watch for scroll length from the bottom?

panel/panel/models/column.ts

Line 14 in 01c4538

this.on_change(children, () => this.trigger_auto_scroll());

Maybe you can help contribute a fix for this if you're interested and we can get it for Panel 1.5.0